Friday, September 28, 2012

Cara Memasang Rating Bintang di Blogspot

Cara Memasang Rating Bintang di Blogspot - Sebelumnya saya akan membahas mengenai Cara Memasang Rating Bintang di Blogspot. Pasti di antara teman-teman blogger semua menginginkan blogspot kalau di pencarian google kelihatan bintangnya dan itu dinamakan rich snippet google. Dimana kode rich snippet google dapat di pasang di blogspot maupun wordpress tapi kali ini saya akan membahas bagaimana cara memasang kode rich snippet di google pada platform blogspot/blogger.

Tapi kalau yang cara yang ini penampilannya di pencarian google nanti akan ada foto pemilik blog, gambar bintang, peringkat dan jumlah yang mereview. Ada lagi yang cuma gambar/foto pemilik blog dan ada tulisan: di ulas oleh : Mr. XXX

Cara Memasang Rating Bintang di Blogspot
1. Masuk ke akun blogger.
2. Dasbor >> Rancangan >> Edit Html.
3. Kasih centang pada "Expand Template Widget".
4. Tekan tombol CTRL + F untuk memudahkan pencarian.
5. Letakkan kode berikut ini tepat dibawah kode <data:post.body/> . Biasanya kode tersebut ada 4 atau lebih, silahkan sobat coba dulu satu-persatu.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:30px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; width:85px; float:left;'>
<img height='85px' itemprop='photo' src='http://profile.ak.fbcdn.net/hprofile-ak-snc4/275447_100001565713440_2105288543_n.jpg' width='85px'/></div>
<div style='padding:5px; font-size:11px; float:left;'>
Judul: <span itemprop='itemreviewed'><b><data:post.title/></b></span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>100%</span>
</span>
based on <span itemprop='votes'>99998</span> ratings.
<span itemprop='count'>5</span> user reviews.<br/>
Ditulis Oleh <b><a href='https://plus.google.com/107847596885168586764'><data:post.author/></a></b><br/><br/>
Terimakasih atas kunjungan Sobat beserta kesediaan Anda membaca artikel ini. Kritik dan Saran sobat dapat sampaikan melalui Kotak komentar dibawah ini.</div>
</div></div></b:if><span style="font-size: xx-small;"><a href="http://putupunyablog.blogspot.com/2012/08/cara-memasang-rating-bintang-rich.html" target="_blank">Widget</a></span>

Keterangan:
- Silahkan ganti Url yang berwarna merah dengan Url foto sobat.
- Silahkan sobat ganti angka yang saya kasih warna kuning dengan ID Google+ sobat.
- Bila perlu, sobat juga bisa mengganti teks berwarna hijau sesuai hati/keinginan sobat :).

5. Jangan lupa klik "Simpan Template". Eeeeit belum selesai!
6. Silahkan sobat menuju ke http://www.google.com/webmasters/tools/richsnippets . Masukkan Url postingan blog sobat pada kolom preview, dan klik tombol "Preview". Jika belum ada tanda bintang kuning, berarti belum berhasil dan coba pindah kode pada langkah 5 di pindahkan ke kode <data:post.body/> . Jika sudah berhasil maka ada tanda bintang kuningnya. [http://putupunyablog.blogspot.com/2012/08/cara-memasang-rating-bintang-rich.html]

Catatan Cara Memasang Rating Bintang di Blogspot
Kalau disearch di google mungkin belum ada, tunggulah beberapa saat atau sampai 1 hari atau 2 hari. Dan selamat mencoba :)

No comments:

Post a Comment