Cara Membuat Rating Bintang dan Gambar Artikel Blog di Penelusuran Google

Muhammad Bagus Aldin Firmansyah on Minggu, 18 Agustus 2013 | 01.14

Cara Membuat Rating Bintang dan Gambar Artikel Blog di Penelusuran Google

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii6Dr7bapJD_z4ZRQDQ2Mk9LTz6Gju-qWniizQE5PNkTzvja8KIQQ60eNv34P89IV55vu544figU_HMdY2iWXJTjTaLycubDnD0tRk8IKHowtziG_us7PnzO6KGNvvkEJo0bKM0lZRW4o3/s1600/Rating+Bintang+Rich+Snippet.jpg

Cara Membuat Rating Bintang dan Gambar Artikel Blog di Penelusuran Google - Sebelumnya saya sudah membahas artikel tentang Cara Membuat Show-Hide Komentar di Blog, kali ini saya akan membahas Cara Membuat Rating Bintang dan Gambar Artikel Blog di Penelusuran Google, karena banyak yg request caranya gimana, padahal cara ini pun ane dapet dari Hack4rt :v, Membuat Rating Bintang dan Gambar Artikel Blog di Penelusuran Google mungkin sudah sangat sering ditemukan, SS nya ada diatas.

Berikut cara pemasangannya :

1. Buka Blogger

2. Klik Template -> Edit HTML

3. Copy kode dibawah ini dan letakan tepas di atas kode ]]></b:skin> (gunakan CTRL+F)

.hrecipe {
box-shadow: 1px 1px 5px rgba(1,1,1,.1);
background: #fafafa;
font-size: 13px;
margin: 15px 0 10px;
padding: 8px 12px;
border: 1px solid #fff;
}
.photo {
padding: 0px;
width: 55px;
float: left;
box-shadow: 0px 0px 0px rgba(1,1,1,.1);
background: #fafafa;
border: 1px solid #fff;
margin: 3px 10px 6px 0px;
}

4. Copy kode dibawah ini dan letakan tepas diatas kode <body>

<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>

5. Letakkan kode penutup berikut tepat di atas tag </body>

</div></div>

6. Kemudian Letakkan kode berikut tepat di bawah kode <data:post.body/> jika anda mendapatkan 3 kode <data:post.body/> maka coba satu-satu meletakkan nya. Biasanya berhasil di kode <data:post.body/> yang ketiga.

<b:if cond='data:blog.pageType == "item"'>
<div class='clear'/>
<div class='hrecipe'>
<img class='photo' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
<span class='item'>
<span class='fn'>SCH-XP Blog</span><br/>
</span>
<b>Published:</b> <span class='published'><data:post.timestampISO8601/></span><br/>
<b>Title:</b><span class='summary'><data:post.title/></span><br/>
<b>Rating:</b><span class='review hreview-aggregate'>
<span class='rating'>
<span class='average'>5</span> On
<span class='count'>221210</span> reviews
</span>
</span>
</div>
<div class='clear'/>
</b:if>