Cara Membuat Rating Bintang Pada Postingan di Blog



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/richsnippetsmaka 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".


3. Lalu pilih "Edit HTML", klik "Lanjutkan" dan jangan lupa centang "Expand Template Widget".


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...

Demikian postingan tentang cara membuat rating bintang pada postingan di blog ini, semoga bermanfaat dan selebihnya saya mohon ma'af atas segala kekurangan yang ada. Salam sejahtera

Comments

Post a Comment

W A R N I N G
Komentar anda tidak boleh mengandung unsur :
1. PENGHINAAN & PELECEHAN
2. SPAMMING (Spam Comment)
3. LINK AKTIF atauTEXT ANCHOR, dan SEJENISNYA

Tulislah kata yang penuh makna kesopanan
Salam sejahtera by Ghanixs Cyber and have nice day.!