Cara Menambahkan Rating Bintang Di Setiap Postingan Blog

Cara Menambahkan Rating Bintang di Setiap Postingan Blog - Dengan memakai 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 teman akan lebih keren bener nggak?...

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

Blogger sendiri tidak menawarkan fitur ini pada platformnya tapi kali ini aku akan share kepada kalian semua teman TrikS gimana sih memasang rating bintang di blogger?

Cara Menambahkan Rating Bintang di Setiap Postingan Blog

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

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

Klik Show Source Code copy instruksi tersebut

Kemudian teman masuk ke Blogger > Tema > Edit HTML pastekan instruksi yang sudah dicopy tadi sempurna diatas instruksi </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 sanggup copy instruksi 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 teman sendiri.

Cara Penerapkan disetiap postingan blog

Penerapannya masih sama di edit html, copy instruksi dibawah ini dan pastekan sempurna diatas kode <data:post.body/> untuk diatas postingan, untuk dibawah postingan pastekan sempurna 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 instruksi CSS dibawah ini dan pastekan sempurna diatas instruksi ]]></b:skin>

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

Jika sudah klik simpan.

Baca Juga : Cara Praktis Membuat Iklan Parallax Adsense di Blog

Oke sekian yang sanggup aku sampaikan tentang Cara Menambahkan Rating Bintang di Setiap Postingan Blog Terima Kasih yang sudah berkunjung supaya bermanfaat bagi kalian semua.

Bagikan Artikel ini