Cara Membuat Rating Bintang di Pencarian Google

Halo sobat bacil, ketemu lagi sama saya. Dinginnya malam membuat pikiran tentram dengan ditemani secangkir kopi yang hangat dan komputer yang menyala sepanjang hari siap untuk blogging. hehe Setelah banyak blog yang saya kunjungi yang menyediakan tutorial mengenai cara membuat rating star pada blog, akhirnya saya benar-benar menemukan cara yang valid dan 100% bisa di terapkan bagi blogger newbie seperti saya.

Untuk bisa menampilkan rating bintang di search engine Google, kita harus mempunyai akun Google plus agar terhubung dengan blogger kita. Atau dapat juga login dengan akun blogger sobat. Klik disini jika belum login. Tutorial berikut ini sangatlah mudah, kita hanya memasang kode pengaman yang di berikan oleh Google saat memasang rating bintang di blog untuk meng-claim bahwa blog kita benar-benar sudah terdaftar dalam Google plus. Sekedar tambahan, jika sobat bacil sudah memasang rating bintang ini, otomatis postingan sobat akan terindeks di Google dengan rating bintang tersebut. Jika masih belum faham, berikut ulasannya:

1. Log in ke akun blog sobat. klik disini bila belum login

2. Klik Rancangan --> Edit HTML --> Tambah Gadget --> Centang kotak kecil di samping tulisan Expand tempalte Widget (untuk tampilan blogger lama)

3. Klik menu DropDown di samping kiri tulisan "View Blog" --> Template --> klik "Edit HTML" --> Ctrl + A (untuk mengeblok semua tulisan) --> Ctrl + C (untuk mengcopy semua tulisan --> Ctrl + V (untuk paste kembali kode HTML) (untuk tampilan blogger baru)

4. Letakkan kode dibawah ini tepat diatas kode <b:skin><![CDATA[/* .

<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/107171146441889632562' rel='publisher'/>

</b:if>

Catatan: ganti kode berwarna merah dengan ID Google plus sobat.

5. Kemudian letakkan kode berikut sesudah kode <body> .

dan tambahkan tag penutup </div></div> sebelum tag penutup </body>

6. Cari kode <data:post.body/> dan letakkan kode berikut tepat dibawahnya.

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>

Tambahan: Jika kode <data:post.body/> terdapat 2 kode atau lebih, letakkan tepat dibawah kode ke 2

7. Klik Save dan lihat hasilnya disini!

Jika berhasil akan seperti gambar di bawah ini:

Klik show untuk melihat

To insert a code use <i rel="pre">code_here</i>
To insert a quote use <b rel="quote">your_qoute</b>
To insert a picture use <i rel="image">url_image_here</i>

NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.