Home » » Cara Membuat Rating Bintang Pada Postingan di Blog

Cara Membuat Rating Bintang Pada Postingan di Blog

Written By Unknown on Selasa, 19 Agustus 2014 | 05:21

Cara Membuat Rating Bintang Pada Postingan di Blog - Pada kesempatan kali ini saya ingin share sebuah tutorial tentang cara membuat rating bintang pada postingan di blog. Rating bintang, maksudnya adalah bahwa setiap postingan/artikel yang telah anda publish nantinya akan di hitung jumlah suara/rating dengan icon bintang yang di peroleh oleh poostingan/artikel anda tersebut dengan batas nilai maksimal yang telah di tentukan. Rating ini nantinya akan muncul pada setiap hasil penelusuran di search engine google.

Contoh tampilannya adalah seperti gambar berikut ini :


Nahh, kurang lebih jika anda mengeceknya di http://www.google.com/webmasters/tools/richsnippets maka hasilnya akan tampak seperti gambar tersebut. Dan untuk cara membuatnya silahkan bisa anda simak tutorial tentang cara membuat rating bintang pada postingan di blog berikut ini!

1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Template".



4. Kemudian cari kode <head> dan letakkan script berikut ini tepat di bawahnya!

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<link href='url profile google+' rel='publisher'/>
</b:if>
*Ganti tulisan "url profile google+" dengan alamat url profile google plus anda.
Contoh : https://plus.google.com/107747490223618304612

5. Tambahkan kode berikut ini tepat di bawah kode <body> :
<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>
6. Dan tambahkan kode </div></div> di atas kode </body>.

7. Tambahkan kode berikut tepat di bawah kode <data:post.body/> :
Description: <span itemprop="description"><data:post.title/></span>
Rating: <span itemprop='rating'>4.5</span>
Reviewer: <span itemprop='reviewer'><data:post.author/></span>
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>
8. Setelah itu klik save/simpan template dan selesai...

- membuat rating bintang blog di google

sumber : http://ngeposta.blogspot.com
comments powered by Disqus
Back to top