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
28 komentar
Click here for komentarIjin nyoba :)
BalasAkhirnya ketemu juga artikelnya :)
Balaskeren juga sob ada bintangnya haha
Balashahaha, tapi ingat ! bukan bintang yg di langit xD :v
Balastertarik juga nih gan.. nanti saya coba deh.. mampir balik ya ;)
Balastertarik juga nie,
Balasok sob..
BalasMalez ah pakenya
Balastar kalo udah ada tanda bintangnya efeknya apa ya..tp ijin test
BalasSipp.. oke.. akan ane coba nanti sob.. nice post
BalasIzin coba gan..thanks artikelnya
Balasdulu ane pake ini
Balastapi ane ganti pake yang author Google+ rich snippet biar yang muncul foto profil G+ ane aja :D
saya sudah terapkan nih
Balaslumayan biar tampilan blog di hasil pencarian jadi unik
wah kelihatanya simple ya gan caranya ,, saya kira sulit ,, oke ijin praktek gan ,,
Balascomeback
Wah.. Keren Nih...
BalasAku COba dulu yeah..
Nice Trick
biasanya yang ditampilin foto author,,tapi yang ini foto artikel.. jadi lebih menarik ya sob diserp..
BalasTerima kasih gan atas informasinya, sudah beberapa hari ini saya mencari informasi ini, ini sungguh sangat membantu saya . mulai sekarang saya akan bookmark blog ini agar saya bisa kembali dan melihat informasi yang terbaru.
Balasmungkin agan atau pengunjung blog agan juga membutuh kan infomasi dari saya, silahkan liat artilek saya tentang komputer|programan|hardware|windows|dll
beneran bisa nampil sob? klo iy langsung ane coba :)
Balasmakasih infonya gan
Balasmenarik pengunjung sob :D
Balassama2
Balasbukan hoax :v
Balas*youdontsay
wah gan, rich snippet yang versi ini dikhususkan untuk web tentang resep, kalo buka tentang resep malah akan menghancurkan SEO.
Balaskata siapa gan ? ini ane make :D dan tidak menghancurkan SEO :)
Balastampilan jadi keren di pencarian google kalau ada recipe snippet ini
Balasgambar di kluar di serp gk..
BalasTerima kasih infonya, sangat bermanfaat sekali, :matabelo
BalasTolong berkomentar sesuai topik pembicaraan, dilarang spam dan jangan menaruh link aktif, terimakasih. Join This Site Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon