Cara Membuat Rating Bintang di Setiap Postingan Blog

 Sangat disayangkan platform blogger tidak menyediakan fitur rating bintang ini secara khusus. dibutuhkan widget dari pihak ketiga untuk memasang rating bintang pada setiap postingan di blog kita.

 Meskipun Blogger tidak menyediakannya, akan tetapi ada cara lain untuk memasang rating bintang pada setiap postingan yang kita buat. Yaitu dengan menggunakan widget dari pihak ketiga.

 Dan situ penyedia Widget ini bernama Rating Widget, Rating Widget merupakan situs penyedia untuk memasang rating bintang pada blogger WordPress dan platform-platform lainnya.

 Rating bintang yang ada pada setiap postingan blog ternyata sangat berpengaruh terhadap hasil pencarian google. Semakin orang lain banyak memberi rating bintang, maka semakin bagus juga kualitas postingan artikel dalam blog kita.

 Dan tentunya artikel kita akan semakin berpengaruh terhadap hasil pencarian google dan dan kemungkinan akan menduduki page One di hasil pencarian.

 Bagi sobat yang ingin membuat rating bintang ini. Simak dengan baik Langkah-langkah Membuat Rating Bintang disetiap Postingan Blog.

Cara Menambahkan Rating Bintang Di setiap Postingan Blog

1. Terlebih dahulu kita menuju https://rating-widget.com.
2. Setelah itu, KlikGet My Free Widget.

3. Pilih Platform Blogger Atau Bisa juga kunjungi http://rating-widget.com/get/rating.

4. Selanjutnya, Silahkan kustomisasi Tampilan dari Widget Rating sesuai keinginan sobat.

5. Jika sudah selesai mengaturnya, Pilih Show Source Code Salin kode
Jika sobat tidak menemukan pilihan Show Source Code, berarti sobat belum login atau membuat akun

Cara Memasang ke Dalam Blog

1. Seperti biasa login Blogger.com.
2. Pilih Tema » Edit HTML.
3. Cari kode </body> (Gunakan Ctrl+F untuk mempercepat pencarian).
4. Tambahkan kode script yang tadi sebelum kode </body>.

<script type="text/javascript">(function(d, t, e, m){
    window._rws = window._rws || [{
        huid: "427409",
        uid: "f07efd108a59e40cb13c529cf52a00d8",
        source: "blogger",
        options: {
            "size": "medium",
            "style": "oxygen",
            "isDummy": false
        } 
    }];

        
    // Append Rating-Widget JavaScript library.
    var rw, s = d.getElementsByTagName(e)[0], id = "rw-blogger-js",
        p = d.location.protocol, a = ("https:" == p ? "secure." + 
        m + "js/platform/" : "js." + m + "platform/"), 
        ck = "Y" + t.getFullYear() + "M" + t.getMonth() + "D" + t.getDate();
    if (d.getElementById(id)) return;              
    rw = d.createElement(e);
    rw.id = id; rw.async = true; rw.type = "text/javascript";
    rw.src = p + "//" + a + "blogger.js?ck=" + ck;
    s.parentNode.insertBefore(rw, s);
}(document, new Date(), "script", "rating-widget.com/"));</script>

 Jangan lupa untuk mengganti kode ID huid dan uid dengan kode ID punya anda yang terdapat pada akun Rating Widget sobat tadi.

5. Langkah Selanjutnya, tambahkan kode HTML dibawah ini sebelum <data:post.body/> untuk posisi rating di atas artikel Atau Setelah kode <data:post.body/> Untuk posisi rating dibawah postingan artikel.

<b:if cond='data:blog.pageType == "item"'>
<div class="rw-ui-wrap">
<div class="rw-ui-container">
</div>
</div>
</b:if>

Apabila pada template sobat terdapat tiga kode <data:post.body/>. Maka tambahkan kode <data:post.body/> yang di bungkus oleh tag kondisional Halaman Post, Lihat gambar dibawah

6. Selanjutnya tambahkan kode CSS dibawah ini sebelum kode </head>.

<style type='text/css'>
.rw-ui-wrap {margin:0 auto 20px auto}
</style>

Simpan tema sobat dan lihat hasilnya

 Demikian sobat langkah langkah membuat Rating Bintang di Setiap postingan blog,memang agak rumit tapi saya yakin sobat sekalian bisa menerapkannya diblog sobat.Semoga artikel ini bermanfaat bagi sobat semua dan selamat mencoba.