-->

Cara Memasang Widget Vote Rating Bintang Di Blogger

Daftar Isi [Tampilkan]
Serieswans.com - Halo sobat blogger, pada kesempatan kali ini saya akan membagikan tutorial mengenai cara memasang widget vote rating bintang di postingan blogger.

Widget Vote Rating Bintang atau Widget Rating Count Star ini sering kita temukan pada sebuah situs website. widget ini menjadi widget penilaian yang terdiri dari ikon bintang dengan indikator nilai yang menunjukkan peringkat suatu artikel dan di nilai oleh pengunjung tersebut, apakah dia memberikan indikator dengan 5 bintang atau hanya 4, itu kembali lagi tergantung dari pengunjung tersebut, jika dia rasa artikel tersebut bagus dan menarik, dia juga akan memberika apresiasi berupa bintang 5 terhadap artikel tersebut.

Cara Memasang Widget Vote Rating Bintang Di Blogger
Widget Vote Rating Bintang / Rating Count Star


Apa Itu Widget Rating Count Star

Widget Rating Count Star ini berperan penting untuk memberikan nilai apresiasi baik maupun buruk terhadap suatu artikel yang dibaca oleh si pengujung. ada banyak juga situs-situs website yang memasang widget rating coun star.

Semakin banyak bintang yang di berikan oleh si pengunjung, tentu saja reputasi artikel anda akan semakin baik di mata pengujung yang lain dan bahkan dimesin pencarian Google itu sendiri.

Bagi anda yang sudah tidak sabar untuk memasang widget tersebut, silahkan ikuti langkah-langkah di bawah ini ya sob:

Cara Memasang Widget Vote Rating Bintang Di Blogger

  • Masuk terlebih dahulu ke Blogger
  • Masuk ke Dashboard dan Pilih menu Tema => Edit HTML
  • Selanjutnya Copy kode CSS Vote Rating Count Star di bawah ini dan letakan sebelum kode ]]></b:skin> atau </style>, atau anda juga bisa membuat kode pembungkus yang baru, contohnya <style> Taruh kode CSS disini </style>
#wpac-rating:before {content: "Apakah anda rasa artikel ini bermanfaat?";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 cari kode <data:post.body/> 
tips — Biasanya ada 3 sampai 4 kode tersebut yang ada di dalam template, silahkan kode yang terletak atau yang di bungkus pada halaman postingan.
  • Jika sudah menemukan letak kode tersebut, silahkan Copy kode dibawah ini dan letakan sesudah kode <data:post.body/>
<div id="wpac-rating"></div>
  • Selanjutnya silahkan copy kode Javascript di bawah ini dan letakan di atas kode </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>
  • Terakhir simpan Tema atau Template

Akhir Kata
Dengan adanya widget Rating Count Star ini akan sangat berguna sekali bagi pengunjung situs website untuk memberikan nilai pada artikel atau postingan yang sedang dia baca tersebut.

Jadi buatlah konten yang berkualitas dan bermanfaat bagi diri sendiri dan orang lain.

Demikian pembahasan kali ini mengenai Cara Memasang Widget Vote Rating Bintang Di Blogger. jika ada pertanyaan terkait postingan di atas, silahkan tanyakan di kolom komentar ya sob. semoga bermanfaat.
Next
Previous
Tidak ada kata "Tapi" dan "Nanti" jika anda ingin Sukses
  • Facebook
  • Twitter
  • Instagram
  • Related Posts

    Buka Komentar ( 0 )
    tutup Komentar

    0 Komen

    Posting Komentar

    • Mohon Tinggalkan jejak sesuai dengan judul artikel.
    • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
    • Dilarang mencantumkan link aktif di komentar.
    • Komentar dengan link aktif akan otomatis dihapus
    • Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.
    • Jika ingin menulis kode maka harus di-parse terlebih dulu (terutama Javascript dan HTML)
    • Centang kotak Beri tahu saya untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
    • Gunakan tag <i> dan diakhiri dengan kode </i> untuk menuliskan kode. Contoh:
      <i>#comments</i>
    • Gunakan tag <em> dan diakhiri dengan kode </em> untuk menuliskan kode yang lebih panjang atau URL. Contoh:
      <em>#comments {margin:0; padding:10px 15px}</em>

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel

    x
    Berlangganan

    Dapatkan pemberitahuan melalui email setiap ada artikel baru. Gratis!