Cara Membuat Stars Vote Di Blogger

Stars vote, atau rating bintang ini sering kita temukan pada beberapa website, tujuannya adalah untuk memberikan penilaian artikel ketika pengunjung membaca konten kita, widget ini tidak begitu berpengaruh pada SEO namun tidak ada salahnya jika kita memasang widget seperti ini untuk mempercantik halaman blogger kita.

Cara Membuat Stars Vote Di Blogger

Berikut ini adalah tutorial cara membuat stars vote atau rating bintang pada postingan blogger, silahkan simak tutorialnya dengan seksama.

Silahkan salin code CSS di bawah ini lalu tempatkan pada penyimpanan code CSS pada template kalian, atau bisa kalian letakan di atas code ]]></b:skin>

#wpac-rating:before {content: "Berapa bintang untuk postingan ini?";top: -15px;text-align: center;position: relative;width: 100%;}
#wpac-rating .wp-stars .wp-star:hover:before{z-index: 999;padding: 3px 11px;background: #1a1d23f0;color: #fff;font-size: 12px;border-radius: 2px;white-space: nowrap;position: absolute;line-height: 1.4;text-align: center;-ms-transform: translateX(-30%);-moz-transform: translateX(-30%);-webkit-transform: translateX(-30%);transform: translateX(-30%);top: 100%;margin-top: 9px;}

Kemudian salin code di bawah ini dan letakan tepat di bawah code <data:post.body/> mungkin akan terdapat beberapa code seperti itu di template kalian, tergantung template yang kalian gunakan, bisa kalian coba satu-persatu.

Jika kalian pengguna template Median UI 1.5, maka letakan code tsb di dalam tag </article> atau letakan saja di atas widget Post Writter

<div id="wpac-rating" />

Selanjutnya yang terakhir kalian salin code java script dibawah ini dan letakan di atas code </body>

<script type="text/javascript">
wpac_init = window.wpac_init || [];
wpac_init.push({widget: 'Rating', id: 21697});
(function() {
    if ('WIDGETPACK_LOADED' in window) return;
    WIDGETPACK_LOADED = true; //true ubah ke False
    var mc = document.createElement('script');
    mc.type = 'text/javascript';
    mc.async = true;
    mc.src = 'https://embed.widgetpack.com/widget.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mc, s.nextSibling);
})();
</script>

Dan selesai, untuk demonya bisa kalian lihat sendiri pada bagian bawah post artikel ini. Selamat mencoba, dan semoga berhasil.

Jika ada request untuk membuat widget lainnya, silahkan requst di komentar atau bisa kirim email langsung melalu halaman contact yang tersedia

Cara Membuat Stars Vote Di Blogger

Jasa Pembuatan Website

50 % off

Ingin membuat website atau blog dengan harga murah? Dapatkan harga terbaik dari kami sekarang juga!

Dapatkan Sekarang