Tuesday, May 14, 2013


Cara Membuat Rich Snippet / Rating bintang 5 Unik


Haloo Sobat blogger pada kesempatan kali ini Saya sebagai ADMIN blog ini akan membahas trik memberi rating bitang 5 atau bisa disebut juga Rich Snippet yang tentunya untuk mendongkrak SEO dan ranking blog kalian :Dhehe . ohh iya RICH SNIPPET ini beda dari yang lain loh , saya memberi CSS supaya menarik dilihat di bawah posting sahabat sekalian  . oke langsung saja ini dia :


  


1.Pertama tentunya masuk akun blogger sobat dulu.

2.Masuk ke pengaturan template kalau dah ketemu Edit html.

3.Tambahkan kode CSS berikut tepat diatas kode  ]]></b:skin> :

.sharecontain {background: #cccccc;border: 1px solid #999;padding: 5px;}

4. Kalo sudah cari kode <data:post.body/> , setiap template beda beda loh . jadi kalian coba satu satu ya sobat :)

5. Setelah ketemu Tambahkan kode berikut ini dibawah <data:post.body/> :



<b:if cond='data:blog.pageType == &quot;item&quot;'>
           
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; width:85px; float:left;'>
  <div class='sharecontain'>
<img itemprop='photo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Dhq5CnUnbeacqZ-0j_bvZMfpYPJnYF0JnMnFUjumixuKex-DEBhIhZMxTrqg9qWxALCAtDv0AbdI2x8ONgC_MpYegRzG93UOF14OMQkvDVIaLosaOY3aFTYJ-h80YD8rcBRoVdc7DJE/w376-h375-no/67957_527889433899707_1231096430_n.jpg'/></div></div>

  <div style='padding:5px; font-size:11px; float:left;'>
    <div class='sharecontain'>
Judul    : <span itemprop='itemreviewed'><data:post.title/></span><br/>
Rating    : <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
      <span itemprop='average'>10</span>
      out of <span itemprop='best'>10</span>
    </span>
    based on <span itemprop='votes'>98</span> ratings.
    <span itemprop='count'>99</span> user reviews.<br/>
Ditulis Oleh <data:post.author/><br/><a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
</div>
</div>
                 </div></b:if>

6. oke sudah selesai , tinggal klik save template aja sobat :D . oh iya ini SS nya 


7. jika anda ingin mengetesnya silahkan disini , dan masukan URL postingan sobat :)



KETERANGAN :

  • tulisan berwarna KUNING bisa di ganti dengan 100 atau terserah kalian karna itu merupakan ukuran besarnya
  • tulisan berwarna PINK bisa di ganti dengan URL gambar kalian :)

Oke itulah trik yang bisa saya berikan karena cara memasang bintang rich snippet yang unik tentunya :Dheheh . ohh iya kalo ada pertanyaan silahkan komen aja di bawah ini :)  salam blogger !! 


0 comments:

Post a Comment