Fungsi dari widget rating bintang bagi visitor blog memberikan kesempatan bagi mereka untuk menilai artikel yang kita buat apakah tergolong artikel yang biasa saja atau masuk dalam kategori artikel yang berkualitas ( excellent ) bagi mereka . Sementara bagi pemilik blog menjadi bahan evaluasi untuk membuat artikel lebih baik lagi kedepanya
Nah tutorial kali ini menggunakan template evomagz 4.8 kita akan mencoba untuk menampilkan Widget rating bintang oleh pengunjung blog dan kita akan menampilkanya disetiap halaman artikel yang kita miliki .
Untuk menambahkan widget rating di blog kita akan menggunakan layanan pihak ketiga dari situs rating-widget.com . Rating-Widget merupakan sebuah layanan untuk menambahkan rating widget disetiap blog selain mobile friendly juga support untuk beberapa platform seperti blogger, wixx , squarespace , wordpress dll
Berikut cara menambahkan widget rating bintang blogger dengan mudah :
1. Silahkan kunjungi rating-widget.com dan lakukan register disana
2. Pilih get free widget setelah itu anda akan dialihkan kehalaman pembuatan widget
3. Silahkan custome bentuk widget sesuai yang anda inginkan mulai dari style, warna , theme , label , font dll desain widget sesuai keinginan
4. Selanjutnya pilih Add to Blogger ( pastikan anda sudah login kedalam akun blogger anda sebelumnya )
5. Pilih blog mana yang mau anda tambahkan lalu pilih menambahkan widget . Selanjutnya kembali ke situs rating-widget.com pilih source code
Disana sebenarnya sudah ada tutorial lengkapnya dengan gambar , namun untuk memperjelas pemahaman anda akan saya tambahkan tutorial nya dibawah ini
6. Silahkan copy paste code rating widget , ini code rating widget saya lho
<script type="text/javascript">(function(d, t, e, m){
// Async Rating-Widget initialization.
window.RW_Async_Init = function(){
RW.init({
huid: "343731",
uid: "8a4768fed693a9c6a38cc4538b6f4068",
source: "website",
options: {
"size": "medium",
"style": "oxygen",
"isDummy": false
}
});
RW.render();
};
// Append Rating-Widget JavaScript library.
var rw, s = d.getElementsByTagName(e)[0], id = "rw-js",
l = d.location, ck = "Y" + t.getFullYear() +
"M" + t.getMonth() + "D" + t.getDate(), p = l.protocol,
f = ((l.search.indexOf("DBG=") > -1) ? "" : ".min"),
a = ("https:" == p ? "secure." + m + "js/" : "js." + m);
if (d.getElementById(id)) return;
rw = d.createElement(e);
rw.id = id; rw.async = true; rw.type = "text/javascript";
rw.src = p + "//" + a + "external" + f + ".js?ck=" + ck;
s.parentNode.insertBefore(rw, s);
}(document, new Date(), "script", "rating-widget.com/"));</script>
Pastekan kode diatas tepat diatas </body> , buka template - edit HTML
7. Masih dihalaman edit template silahkan anda cari dengan Ctrl + F code ini
<b:widget id='HTML1' locked='false' title='RatingWidget' type='HTML'>
tambahkan mobile=yes agar widget ini support mobile friendly
<b:widget id='HTML1' mobile='yes' locked='false' title='RatingWidget' type='HTML'>
8. Selanjutnya cari kode ini Ctrl + F
<b:includable id='post' var='post'>
tambahkan dibawahnya kode ini
<meta expr:content='data:post.id' itemprop='postId'/>
9. Terakhir untuk menampilkan widget rating bintang letakkan kode berikut ini , misalnya saja di salah satu artikel anda pilih mode HTML dan letakkan kode ini dibaris paling akhir atau langsung pada template setelah kode <data:post.body/>
<b class="rw-rating-container"></b>
10. Selanjutnya silahkan direview , jika berhasil seharusnya rating bintang bisa muncul coba anda berikan vote untuk artikel anda
Selesai demikian postingan saya mengenai Cara memasang widget rating bintang vote oleh visitor blog semoga bermanfaat.
Sumber : www.helmykkediri.id