Cara Membuat Tombol Rating Penilaian pada Blog

Pernahkan Anda memesan jasa ojek online? Seringkali ketika kita akan mengakhiri transaksi pada aplikasi ojek online akan muncul penilaian driver yang Anda pakai jasanya. Penilaian ini akan dikumpulkan dan kemudian akan muncul rating driver tersebut, Anda sebagai pemakai jasa dari mereka bebas untuk memberikan penilaian sesuai pelayanan mereka. 

Selain pada aplikasi ojek online, jika Anda pernah berbelanja pada marketplace setelah barang terkirim dan Anda mengakhiri transaksi juga akan muncul rating penilaian untuk toko yang menjual barang yang Anda beli. Rating tersebut akan berpengaruh pada tingkat kepercayaan konsumen terhadap toko tersebut.

Baca Juga : Cara Memasang Google Maps pada Blog

Mungkin Anda berpikir akan sangat bagus dan berwarna jika blog Anda memiliki tombol rating penilaian di masing-masing postingan/artikel, ini bisa menjadi bahan evaluasi untuk Anda dalam menuliskan artikel-artikel berikutnya. Jika kalian tertarik tombol rating penilaian terpasang pada masing-masing artikel, berikut langkah cara memasang tombol rating penilaian pada blog.

Sebelum Anda melakukan langkah berikutnya, langkah yang pertama copy paste kode berikut ini dan letakkan sebelum kode ]]></b:skin>
Cara mencari kode ]]></b:skin> adalah Login akun blogger Anda >> Tema >> Klik Tombol kebawah pada Menu Sesuaikan >> pilih Edit HTML >> kemudian cari kode tersebut. 

Untuk mempercepat pencarian taruh kursor pada kode tema Anda, kemudian tekan Ctrl+F tuliskan ]]></b:skin> pada kolom pencarian klik enter sampai kode tersebut ditemukan.

<style type='text/css'> /* Rating Count Star */#wpac-rating:before {content: "Apakah 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;} </style>

Setelah berhasil meletakkan kode diatas, sekarang ikuti langkah berikutnya, ada dua cara pada langkah berikutnya. Gunakan salah satu cara sesuai dengan keinginan Anda.

Cara Memasang Tombol Rating Penilaian pada Artikel Tertentu

Tombol Rating dapat kita pasang pada salah satu artikel saja, jadi dengan kata lain kita bisa memilih artikel yang akan kita pasang tombol rating sesuai dengan kebutuhan, berikut langkah-langkahnya :

Baca Juga : Cara Mengalihkan Link Artikel ke Artikel Lainnya

1. Buat Postingan Baru.
2. Setelah selesai menulis semua artikel, copy paste kode berikut sebelum atau sesudah postingan/artikel Anda.

<div id="wpac-rating"></div> <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>

3. Cara memasukkan kode tersebut, ubah terlebih dahulu mode postingan menjadi Tampilan HTML.

4. Kemudian kalau sudah selesai klik Simpan.

Nah, Postingan tersebut akan muncul hanya pada postingan tersebut. Jika Anda ingin memasang pada tombol rating pada semua artikel, berikut langkah-langkahnya :

Cara Memasang Tombol Rating pada Semua Postingan

1. Masuk ke menu Tab Tema
2. Klik tombol kebawah pada menu Sesuaikan, kemudian pilih Edit HTML.
3. Cari kode <data:post.body/> kemudian letakkan kode dibawah ini sebelum atau sesudah kode tersebut.

<div id="wpac-rating"></div> <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>

4. Kemudian klik Simpan.

Nah, semoga artikel ini berhasil dan bermanfaat bagi kita semua.