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)
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 {4. Copy kode dibawah ini dan letakan tepas diatas kode <body>
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;
}
<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.
KETERANGAN :Ganti kode yg berwarna hijau dgn nama/title blog anda<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>
7. Klik simpan template
.jpg)
Gan kok ane ga muncul keapa yah apa ada yang salah pas ane letakin codenya
BalasHapus