Tampilkan Rating Bintang di Blog
Setelah sebelumnya saya berbagi Tampilkan Image Author di Pencarian G+ tanpa harus Profil Blogger beralih ke Profil G+ :z; dan untuk melanjutkan G+ saya berbagi lagi dengan kawan Cara Menampilkan Rating Bintang pada Blog, apa itu Rating, apa gunanya / tujuannya dan lain sebagainya kalau kawan ada bertanya - jawaban saya sangat simple biar Blog kelihatan menarik, karena saat saya selusuri di mbah Google cara pemasangan Ranting Bintang [Rating Rich Snippet Review] pada umumnya dipasang secara manual dibawah posting setiap kali kita posting, sedangkan posting lama perlu diadakan setting ulang supaya bisa menampilkan Rating [Ribet dan membosankan], :r;
Menurut pemikiran saya pribadi Rating seharusnya otomatis akan kelihatan berdasarkan banyaknya pengunjung yang memberikan penilaian seperti pada Alexa yang berisi 5 tanda bintang [1, 1.5 sampai 5], tapi kenyataannya para Blogger mengisinya diatas 4 - 4.5 dan 5 bintang, belum pernah saya lihat memakai 1 Bintang [termasuk saya juga] kwek kwek :q;
Kalau kawan ingin memasang Rating Bintang di Blog dengan cara seperti saya ini [otomatis] tanpa perlu Ribet setiap posting tambahkan Rating Bintang :q;
Caranya :
- Masuk Account Blogger dengan ID kawan
- Pada Dasbor pilih Template - Edit HTML - Lanjutkan
- Beri tanda check disamping
<div> <div itemscope='' itemtype='http://data-vocabulary.org/Review'>- Tambahkan </div></div> sebelum tag </body>
- Selanjutnya cari <h1 class='post-title entry-title'> atau Script Judul Postingan kawan [untuk cepatnya pencarian kawan pakai Ctrl+F dan ketik <data:post.body/> terus scroll sedikit keatas perhatikan gambar berikut
- <h1 class='post-title entry-title'> karena struktur Template berbeda-beda khusus h1 bisa h2 atau h3
- Kode yang berlatar belakang warna biru <span itemprop='itemreviewed'><span itemprop='description'> letakkan diatas <h1 class='post-title entry-title'> merupakan tambahan yang selanjutnya ditutup dengan </span></span> setelah </h1> kwek kwek kwek ribet ya kawan, jangan khawatir saya kasi contoh
<span itemprop='itemreviewed'><span itemprop='description'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</span></span>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
- Berikutnya cari <span class='fn'><data:post.author/></span> atau pada Template saya kodenya seperti <div class='vcard' id='hcard-En sin' style='display: inline;'><span class='fn'><data:post.author/></span></div> tambahkan atau selipkan <span itemprop='reviewer'> sebelum <data:post.author/></span></span> jadinya sebagai berikut
<span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>
<div class='vcard' id='hcard-En sin' style='display: inline;'><span class='fn'><span itemprop='reviewer'><data:post.author/></span></span></div>atau punya saya seperti
- Selanjutnya untuk Pemasangan Kode Rating Bintang, kawan cari <data:post.body/>, seandainya ada lebih dari 2 [karena pakai Readmore], kawan pilih yang pertama atau setelah Readmore [baca selengkapnya]
Rating: <span itemprop="rating">4.5</span>
atau bisa yang lebih lengkap seperti berikut:
<p>Description: <span itemprop="description"><data:post.title/></span> -
Rating: <span itemprop="rating">4.5</span></p>
<p>Reviewer: <span itemprop="reviewer"><data:post.author/></span> -
Itemreviewed: <span itemprop="itemreviewed"><data:post.title/></span></p>
Penjelasan » 4.5 seperti penjelasan saya diatas bisa dirubah antara 1 - 5 [1. - 1.5 - 2. - 2.5 sampai maksimal 5.] INGAT : jangan lebih dari 5 !!! :y;
- Simpan Template dan cek pada Google Rich Snippet Testing dengan memasukkan URL salah satu Artikel / Postingan kawan yang ada pada kotak disamping Review atas
contoh hasilnya »
- Seandainya kawan hasilnya belum seperti Gambar diatas ini coba cek ulang, mungkin ada kesalahan menempatkan kode
Tampilkan Image Author di Pencarian G+
Dilema para Blogger yang mempergunakan modem USB [baca : Internet Unlimated] sangat terasa kalau beralih ke G+ [Google Plus] karena semua Profil Blogger diwajibkan beralih ke G+ yang berisi banyak fasilitas terkandung didalamnya, menyebabkan menjadi sangat berat :y; salah satu fasilitasnya adalah agar Image / Gambar Author bisa tampil di Pencarian G+ :w;
Cara menampilkan Image Author di Pencarian G+ tanpa beralih ke Profil G+ [kawan tetap memakai Profil Blogger], saya bagikan dengan Gambar dan penjelasan seperlunya :
- Masuk Account Blogger dengan ID kawan
- Coba masuk ke Google Rich Snippet - Masukkan URL salah satu postingan kawan pada kotak yang atas terus tekan Preview, maka hasilnya seperti dibawah ini
Nah itulah salah satu kelebihan dari G+
Sekarang mari kita mencoba menampilkan Image Author di Pencarian G+ dengan Cara beda dan sangat simple, silahkan baca dan simak kelnjutannya :
- Masuk ke Google Authorship
- Kawan diminta buka Email untuk meng-verifikasi
- Setelah kawan meng-Klik Verifikasi, selanjutnya akan dibawa ke Frofil G+
- Disamping Foto Profil kawan pilih [Klik] Edit Profil - terus scroll ke bawah sampai pada Kontributor untuk - arahkan mouse dan backgroundnya akan berubah dan silahkan Klik untuk Edit dan akan muncul PopUp
- Silahkan isi kotak Label untuk Nama Blog kawan dan URLnya, kalau sudah selesai jangan lupa Klik Simpan
- Selanjutnya scroll ke atas lagi dan Klik Pengeditan selesai disamping Foto Profil kawan
- Copy URL / ID kawan di pencarian contoh [https://plus.google.com/u/0/113381860722075883522]
- Cari ]]></b:skin>
- Copas Kode berikut dibawahnya <link href='URL G+ Anda' rel='author'/>
- Ganti teks yang berwarna merah itu dengan ID Google Plus Blog kawan [yang di copy tadi]
<link href=' https://plus.google.com/u/0/113381860722075883522 ' rel='author'/>
- Simpan Template kawan
Sampai disini sudah selesai :x; silahkan cek kembali di Google Rich Snippet
Kalau hasilnya sudah sepeti Gambar itu berarti kawan sudah sukses menampilkan Image Author di Pencarian, cuma untuk melihat hasil riilnya tidak bisa sesegera mungkin :w;
Mudah-mudahan ada manfaatnya untuk kawan dan selamat mencoba
.gif)
