Menambahkan Rating Bintang di Postingan Blog

Perlu diketahui, rating bintang yang ada di postingan sangat berpengaruh terhadap kepercayaan terhadap Google dan menaikkan SEO di Search engine.

Tetapi widget ini tidak disediakan khusus oleh platform Blogspot, widget rating bintang ini di sediakan oleh pihak ketiga, jika kamu ingin memasangnya silahkan ikuti tutorial dibawah ini.

Menambahkan Rating Bintang di Postingan Blog

  • Signup di situs Rating widget jika sudah melakukan signup lanjut buka email kamu untuk memverifikasi akun rating widget.
  • Buka menu rating widget untuk customisasi tampilan
  • Salin script pada menu bagian kanan dan paste tepat di atas kode </body&gt; contohnya sperti di bawah ini.
<script type="text/javascript">(function(d, t, e, m){
    window._rws = window._rws || [{
        huid: "415452",
        uid: "1a1d93231a9eacbf3d0e0d84ae7db952",
        source: "blogger",
        options: {
            "size": "medium",
            "style": "oxygen1",
            "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>

Jika ingin lebih rapi silahkan meminimize kode seperti di bawah ini

<script type='text/javascript'>
//<![CDATA[
!function(e,t,n,i){window.RW_Async_Init=function(){RW.init({huid:"415011",uid:"27f083ab12c4b82e452ba95052cb40ba",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 kode yang di tandai merah dengan kode rating widget kamu
  • Selanjutnya jika kamu ingin menempatkan widget di atas postingan maka silahkan letakkan kode di bawah ini tepat di atas kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="rw-ui-wrap">
<div class="rw-ui-container"></div>
</div>
</b:if>
  • Kemudian agar terlihat rapi copy css di bawah ini dan letakkan di atas kode </head>
<style type='text/css'>
.rw-ui-wrap {margin:0 auto 20px auto}
</style>
  • Terakhir simpat tema dan lihat hasilnya.

Artikel Menarik Lainya:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser