Cara Menambahkan Rating Bintang di Setiap Postingan Blog

Cara Menambahkan Rating Bintang di Setiap Postingan Blog

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Pada kesempatan kali ini Bloggerin ID akan share kepada kalian bagaimana Cara Menambahkan Rating Bintang di Setiap Postingan Blog


Menggunakan rating bintang pada postingan blog sangat berdampak pada artikel yang kita buat di search engine google dan juga itu adalah teknik SEO untuk meningkatkan pengunjung, dikarenakan pengunjung melihat rating bintang tersebut. Jika rating bintang tersebut tinggi itu point plus untuk postingan agan.


Pihak blogger sendiri tidak memberikan fitur rating bintang ini pada platformnya, oke jika agan berminat untuk memasang rating bintang pada postingan artikel agan silahkan simak tutorial dibawah ini.


Cara Menambahkan Rating Bintang di Setiap Postingan Blog


Pada tutorial berikut ini saya menggunakan platform Rating Widget. Rating Widget adalah platform penyedia rating bintang yang dapat digunakan secara gratis, minimalis dan tentunya keren.


pertama agan akses terlebih dahulu ke Rating Bintang, jika agan belum mempunyai akun silahkan mendaftar terlebih dahulu.


Cara Menambahkan Rating Bintang di Setiap Postingan Blog

Klik menu Show Source Code, dan copy kode tersebut dan pastekan tepat diats kode </body> pada tema agan. Kodenya seperti dibawah ini:


<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 dengan ID agan sendiri ya.


Cara Penerapkan disetiap postingan blog

Untuk penerapan di postingan blog masih sama di edit HTML, copy kode dibawah ini dan pastekan tepat diatas kode <data:post.body/> untuk diatas postingan.


Note: Kode tersebut ada banyak di dalam template kirasan 3 kode yang sama

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

Agar tampilan lebih rapi tambahkan css dibawah ini:


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

Jika serasa sudah semua lalu klik Simpan Tema.


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.

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ


Berkomentarlah dengan bijak 🥰