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 m

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

Pembelian

Cara Membuat Stars Vote Di Blogger
Rp. 20rb / $2
*Pembelian dapat melalui Gopay, OVO dan lainnya detail info

Metode pembayaran

Bank Transfer Paypal
sudah membayar? konfirmasi di sini
IT Security, content creator, menulis di blogger sejak tiga tahun yang lalu.

Posting Komentar

Tinggalkan komentar sesuai topik tulisan, centang Notify me untuk mendapatkan notifikasi via email ketika komentar kamu di balas.
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
© subangXploits. All rights reserved. Premium By Raushan Design