Cara Menambahkan Rating Bintang di Setiap Postingan Blog

Cara Menambahkan Rating Bintang di Setiap Postingan Blog - Dengan menggunakan rating disetiap postingan juga sangat perdampak pada artikel yang kita buat di search engine google dan juga SEO, semakin banyak memberi rating yang tinggi semakin tinggi juga postingan itu di search engine google dan juga blog sobat akan lebih keren bener nggak?...

Baca Juga : Cara Memasang Kode Script Anti Bom Klik Pada Blog

Blogger sendiri tidak memberikan fitur ini pada platformnya tapi kali ini saya akan share kepada kalian semua sobat TrikS gimana sih memasang rating bintang di blogger?

Cara Menambahkan Rating Bintang di Setiap Postingan Blog

Pada tutorial kali ini saya akan memberi tahu terlebih dahulu terhadap Rating Widget, adalah penyedia rating bintang secara gratis, minimalis dan tentunya keren sob. Oke tidak usah banjang lebar langsung saja ke caranya.

Pertama sobat masuk terlebih dahulu ke Rating Widget, jangan lupa untuk mendaftar atau login terlebih dahulu.

Klik Show Source Code copy kode tersebut

Kemudian sobat masuk ke Blogger > Tema > Edit HTML pastekan kode yang sudah dicopy tadi tepat diatas kode </body> atau &lt;/body&gt;

<script type="text/javascript">(function(d, t, e, m){
    window._rws = window._rws || [{
        huid: "417497",
        uid: "04a91b109758a3bbabb0c2306a1de5b0",
        source: "blogger",
        options: {
            "advanced": {
                "layout": {},
                "font": {}
            },
            "size": "",
            "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>

Agar lebih rapi bisa copy kode dibawah ini.

<script type='text/javascript'>
//<![CDATA[
!function(e,t,n,i){window.RW_Async_Init=function(){RW.init({huid:"417497",uid:"04a91b109758a3bbabb0c2306a1de5b0",source:"website",options:{style:"oxygen",isDummy:!1}}),RW.render()};var s,a=e.getElementsByTagName(n)[0],c="rw-js",r=e.location,o="Y"+t.getFullYear()+"M"+t.getMonth()+"D"+t.getDate(),d=r.protocol,g=r.search.indexOf("DBG=")>-1?"":".min",l="https:"==d?"secure."+i+"js/":"js."+i;e.getElementById(c)||((s=e.createElement(n)).id=c,s.async=!0,s.type="text/javascript",s.src=d+"//"+l+"external"+g+".js?ck="+o,a.parentNode.insertBefore(s,a))}(document,new Date,"script","rating-widget.com/");
//]]>
</script>

Ganti yang bertanda merah dengan ID Rating sobat sendiri.

Cara Penerapkan disetiap postingan blog

Penerapannya masih sama di edit html, copy kode dibawah ini dan pastekan tepat diatas kode <data:post.body/> untuk diatas postingan, untuk dibawah postingan pastekan tepat dibawah kode <data:post.body/>

Perhatian! kode <data:post.body/> di template terdapat biasanya 3 buah.

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

Agar tambah lebih rapi tambahkan juga kode CSS dibawah ini dan pastekan tepat diatas kode ]]></b:skin>

.rw-ui-wrap {margin:0 auto 20px auto}

Jika sudah klik simpan.

Baca Juga : Cara Mudah Membuat Iklan Parallax Adsense di Blog

Oke sekian yang bisa saya sampaikan tentang Cara Menambahkan Rating Bintang di Setiap Postingan Blog Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.