chatting! ()
expr:class='"loading" + data:blog.mobileClass'>
Get Gifs at CodemySpace.com TO SUPARDI MEMANG TEGUH

Minggu, 08 Juli 2012

Cara Membuat Rating Bintang pada Blog



Sobat pasti pernah Googling dan pasti pernah menemukan beberapa buah bintang yang menempel dibagian bawah website pada sebuah hasil pencarian Google. seperti contoh berikut.
pasti sobat akan yang memilih website tersebut daripada memilih website lain. dan mungkin sobat masuk ke blog ini karena ada Rating bintang dibawah blog saya ini pada hasil pencarian Google. tujuan pemasangan rating bintang ini bukan hanya mempercantik tampilan, tapi juga bisa meningkatkan jumlah visitor di blog ( seperti contoh diatas tadi).
Cara pemasangannya pun agak mudah, kira - kira hanya 4-5 Langkah.  tapi sebelum itu, sobat harus memiliki sebuah akun Google Plus dan menghubungkan Profile dengan blog, atau bisa langsung pindah dari profile blogger ke profile Google plus kesini.
apabila sudah selesai, silahkan lanjut ke langkah berikutnya.
1. Seperti biasa, Login dulu ke Blogger sobat. Masuk ke Template - Edit HTML.
2. Cari kode <head> dan pastekan kode berikut dibawahnya
 <b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/116986350454408328522' rel='publisher'/>
</b:if>
3. ganti angka yang berwarna merah dengan ID Profile Google Plus sobat.
4. Cari kode <body>, pastekan kode berikut dibawahnya.
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>
 5. Cari lagi kode </body> dan pastekan kode berikut tepat diatasnya

</div></div>
6. Simpan Template. tapi masih belum selesai. Sobat masuk ke Halaman untuk membuat Posting baru.
7. Mulailah membuat Posting baru dan jangan lupa menambahkan kode berikut dibagian bawah posting

<div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate">
<span itemprop="itemreviewed"><data:post.title/></span>
<span itemprop="rating" itemscope="" itemtype="http://data-vocabulary.org/Rating"> <span itemprop="average">9</span> out of <span itemprop="best">10</span> based on <span itemprop="votes">10</span> ratings. <span itemprop="count">9</span> user reviews.
</span></div>
Atau Memakai kode berikut (dengan tambahan ulasan):

Description: <span itemprop='description'><data:post.title/></span><br/>
Rating: <span itemprop='rating'>5</span><br/>
Reviewer: <span itemprop='reviewer'>1779 ulasan</span> <br/>
Item Reviewed: <span itemprop='itemreviewed'><data:post.title/></span>
dan Publish. silahkan di cek di Google Rich Snippet ( isi alamat blog sobat dengan menyertakan link postingnya )




9 dari 10 based on 10 ratings. 9 user reviews.

Cara Membuat Rating Bintang Rich Snippet di Blog

Written By Johannez Albert on Tuesday, May 29, 2012 | 7:36 PM


Rating Bintang Rich Snippet
Rating Bintang Rich Snippet
Mungkin beberapa dari anda belum tahu/belum memasangnya di blog. Tapi sekarang saya akan menjelaskan apa itu Rating Bintang Rich Snippet dan bagaimana cara memasangnnya. Rating Bintang Rich Snippet secara garis besar adalah salah satu dari sekian banyak cara untuk membuat para pengunjung menilai Artikel yang kita posting. Dengan Rating Bintang Rich Snippet ini, kita dapat mengetahui Artikel mana yang lebih disukai para pengunjung dan Artikel mana yang tidak disukai. Artikel yang paling disukai tentu artikel yang paling bagus dari blog yang di kunjungi dan tentu artikel tersebut jarang atau belum sama sekali diposting blog lain alias baru. Dan sudah pasti yang tidak bagus itu adalah Artikel yang sudah sering dilihat dan banayk beredar di blog lain. itu adalah sedikit penjelasan dari Rating Bintang Rich Snippet ini, sekarang saya akan memberikan tutorial cara menginstalnya di blog anda.

 Cara Memasang Rating Bintang Rich Snippet :

1. Anda harus memiliki akun Google +
2. Setelah memiliki akun, anda tinggal mensetting Google + menjadi publisher blog. Caranya masuk ke Blogger - Template - Edit HTML - Lanjutkan.
3. Cari kode <head>
4. Copy kode berikut dan  letakkan dibawah kode <head>
<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/xxxxxxx' rel='publisher'/></b:if>

5. Ganti kode xxxxxxx dengan id google + anda.
6. Lalu cari kode <body>
7. Letakkan kode berikut dibawah kode <body>
 
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>
8. Cari lagi kode </body>
9. Letakkan kode berikut diatas kode </body>

</div></div>
Instalisasi :

Untuk memasang di blog, ada 2 cara yaitu :
  • Cara Membuat Rating Bintang Rich Snippet di Blog dengan 5 bintang
  • Cara Membuat Rating Bintang Rich Snippet di Blog dengan 10 bintang

Tutuorial :

  • Cara Membuat Rating Bintang Rich Snippet di Blog dengan 5 bintang
    1. Cari kode <data:post.body/>
    2. Letakkan kode berikut dibawahnya

      Description: <span itemprop="description"><data:post.title/></span>
      Rating: <span itemprop='rating'>4.5</span>
      Reviewer: <span itemprop='reviewer'><data:post.author/></span> -
      ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>
    3. Save Template
  • Cara Membuat Rating Bintang Rich Snippet di Blog dengan 10 bintang
    1. Cari kode <data:post.body/>
    2. Letakkan kode berikut dibawahnya

      <div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate">
      <span itemprop="itemreviewed"><data:post.title/></span>
      <span itemprop="rating" itemscope="" itemtype="http://data-vocabulary.org/Rating"> <span itemprop="average">9</span>out of <span itemprop="best">10</span> based on <span itemprop="votes">10</span> ratings. <span itemprop="count">9</span> user reviews.
      </span></div>
    3. Save Template
Itu adalah tutorial dari Cara Membuat Rating Bintang Rich Snippet di Blog. Jangan sungkan untuk mencoba.  l di Blog ini !
Happy Blogging

seo monitor



Jumat, 29 Juni 2012

< embed pluginspage=" http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" allowscriptaccess="always" align="right" autostart="true" showstatusbar="1" src=" http://125.160.17.37:8022" type=" application/x-mplayer2" height="70" width="256" displaysize="1" name=" WindowsMediaPlayer" > < noembed> Browser tidak mendukung

Cara Membuat Radio Streaming di Blog

Bagaimana cara membuat radio streaming di Blog, kata kata ini yang kata kunci yang sering saya pakai di google untuk mencari informasi tentang script cara membuat radio streaming di blog atau website.
banayk website yang memberikan informasi tentang menampilkan radio online di blog, mulai dari yang berbayar sampai yang gratis, mulai yang dari menggunakan software tambahan sampai dengan membuat sendiri code script radio online

Setelah mencari informasi di google yang membutuhkan waktu senggang 2 hari akhirnya saya menemukan cara sederhana untukmendengarkan radio dari blog, untuk pengguna blogspot code ini bisa ditambah sebagai widget di dalam blog dan juga berlaku untuk wordpress.
Scrip ini berupa embedded script yang memanggil plugin media player dari situs Microsoft, jadi agar berjalan sempurna untuk mengujinya computer kita harus tersambung ke internet.

Script Radio Streaming sederhana :

< embed pluginspage=" http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" allowscriptaccess="always"   align="right"  autostart="true"  showstatusbar="1" src=" http://125.160.17.37:8022" type=" application/x-mplayer2" height="70" width="256"  displaysize="1" name=" WindowsMediaPlayer" > < noembed> Browser tidak mendukung</ noembed> </ embed>

Keterangan Script radio online diatas :

embed pluginspage….. = perintah untuk loading plugins mediaplayer dari situs Microsoft..
yang terpenting adalah di bagian script src=http://125.160.17.37:8022 ini adalah alamat radio streaming MQ FM Bandung.

Jadi jika anda ingin memasang radio lain dib log tinggal ganti dibagian script ini dengan alamat radio streaming yang anda inginkan. Bagian Script yang lain hanya untuk memberikan nilai ukuran media player ditampilkan dibrowser dan apakah browser support atau tidak.

script radio streaming dalam contoh ini hanya menampilkan satu saluran radio saja. Bagimana agar kita mampu menampilkan banyak radio streaming ?
Nah berbekal sedikit kemampuan web programming insyaallah script didatas akan saya kembangkan lagi agar mampu menampilkan banyak chanel radio streaming serta pengunjung bebas memilih radio apa saja yang akan mereka dengar.
Apakah script ini mampu juga untuk menampilkan TV Streaming ?, saya coba dulu nanti.

Cara membuat tukar link otomatis dengan E-referrer


> Cara membuat tukar link otomatis dengan E-referrer

Di jaman yang semakin maju ini semuanya ingin serba praktis, dalam bloggingpun juga ingin praktis-praktis juga,kalau ada yang praktis kenapa cari yang ribet..gelakguling
 
cara membuat tukar link otomatis dengan E-referrer,E-referrer adalah widget yang memiliki fungsi mencatat situs - blog yang mengirimkan pengunjung pada blog anda.dengan fasilitas tersebut, anda bisa memanfaatkannya sebagai fasilitas tukar link otomatis sederhana dengan mudah karena jika ada yang meletakkan linkmu dan mengklik link kamu,maka link pengunjung tersebut akan terrecord secara otomatis, cara membuatnya mudah juga,kamu tinggal daftar + copy paste script, hanya saja script ini tidak akan memberikan backlink pada blog partner karena berformat javascript..diamdiamtakbole

Masih berminat membuatnya? inilah cara membuat tukar link otomatis dengan e-referrer:
  1. Silahkan buka situs www.e-referrer.com.
  2. Klik register.

    tukar link otomatis
  3. Silahkan daftardi situs tersebut dan
  4. Klik Register untuk mendaftar serta Isi formulir pendaftaran, antara lain ; Nama, Username, Email, Password (2x)

    tukar link otomatis
  5. Klik submit,kalau berhasil akan seperti gambar dibawah ini:

    tukar link otomatis
  6. Setelah melakukan pendaftaran buka email anda untuk konfirmasi.
  7. Login situs e-referrer
  8. Klik menu Get Code, dan copy code yang deberi e-referrer.

    cara membuat tukar link otomatis
  9. lalu paste di fasilitas Gadget Html blog anda.

    cara bertukar link otomatis
  10. Copy kode html untuk textbox tukar link di bawah, lalu tempel di bawah kode e-referrer. mohon diperhatikan, kode e-referrer jangan dirubah/dimodifikasi
    Kode TextBox Tukar Link
    <form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><textarea style="padding: 3px; width:200px; height:60px;" name="txt"> <a href="http://uptodate-tips-trik.blogspot.com" target="_blank">BloggerSejati</a></textarea></p></form>
    Ganti yang berwarna hijau sesuai url dan title blog kamu!
  11. Kode kode referrer jika digabung dengan kode text box tukar link akan seperti dibawah ini:
    <script src="http://www.e-referrer.com/link.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    write_ref(90007);
    </script>
    <div style="border:0px;padding:0px;border-collapse:collapse;text-align:center;margin-left:auto;margin-right:auto;font-size:xx-small">
    <a title="Visit eReferrer and get your own FREE referrer list!" href="http://www.e-referrer.com/">www.e-referrer.com</a>
    <form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><textarea style="padding: 3px; width:200px; height:60px;" name="txt"> <a href="http://uptodate-tips-trik.blogspot.com" target="_blank">BloggerSejati</a></textarea></p></form>
    </div>
    Ganti yang berwarna kuning sesuai url dan title blog kamu!
  12. Setelah selesai, Save pekerjaan anda,jika berhasil maka akan seperti dibawah ini gambarnya:

    tukar link
  13. selesai.jelir

    Jangan lupa baca juga yg ini:

Cara Menambahkan Button Back To Top di Blogspot


Button yang satu ini gunanya adalah memudahkan pengunjung kalau pengunjung mau ke atas tanpa memutar grid mouse nya. Langsung saja saya kasih Langkah-langkah nya:

Cara Menambahkan Button Back To Top
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Copy paste kode di bawah sebelum kode ]]></b:skin>

p.to-top {
font-family:Trebuchet MS, Verdana, Verdana Ref, sans serif;
font-size:90%;
float:right;
padding-right:10px; }
+Keterangan : 1. font-family = keluarga bentuk teks yang akan kita tampilkan.
                       2. font-size = ukuran teks.
                       3. float = peletakkan teks (kanan atau kiri)
                       4. padding-right = jarak antara teks dengan bidang sebelah kanan.
 6. Cari kode yang menunjukkan awal footer, seperti : <div class='footer-wrapper'>, <div class='footer'>, <div id='footer-wrapper'>, <div id='footer'>& sejenisnya.
7. Kemudian copas kode berikut di atasnya : 
   <p class='to-top'><a href='#to-top' title='back to top'>back to top</a></p>
8. Jangan lupa melakukan edit pada kode <body> menjadi <body id='to-top'>
9. Simpan Template jika sudah selesai.