Bagaimana Cara Membuat Widget Peringkat Bintang di Blogger?

Fighaz Mc, Blogger - Bagaimana cara membuat widget peringkat bintang di blogger, saya akan membahasnya pada artikel kali ini. Widget peringkat bintang di blogger tidak terpasang secara otomatis di blogger. Tidak seperti wordpress, widget peringkat bintang sudah tersedia dan tinggal menggunakannya.

Memasang widget peringkat di blogger sangatlah mudah. Kita hanya menambahkan beberapa script pada mode html template dan akan aktif disemua artikel yang ada di dalam blog. Blog kita akan terlihat lebih profesional dengan kehadiran widget peringkat blog ini.

Apa itu Widget Peringkat Bintang Di Blog?

Widget peringkat bintang di blog adalah sebuah widget yang berguna untuk melihat atau mengetahui tingkat kepuasan dari pembaca yang membaca artikel didalam sebuah blog. Tampilan blog akan terlihat lebih profesional.

Manfaat Widget Peringkat Bintang Di Blog

Manfaat memasang widget peringkat di blog adalah kita akan mengetahui seberapa tingkat nilai kepuasan dari pembaca yang membaca artikel kita. Tidak hanya itu, manfaat lain dari widget peringkat bintang ialah domain dari blog kita akan semakin baik dan menambah nilai seo di hasil pencarian google.

Cara Membuat Widget Peringkat Bintang Di Blogger

Membuat widget peringkat bintang di blogger sangatlah mudah, kalian bisa mengikuti langkah-langkah berikut ini.

Masuk ke dasbor blogger
Pikih "Tema"

Lalu pilih icon "🔻" disambing "Sesuikan"
Lalu pilih edit "HTML"

Lalu cari kode tag "</head>"

Kemudian salin kode dibawah ini, dan pastekan atau letakkan tepat diatas kode "</head>"

<style type='text/css'> /* Post Star Rating Widget By www.fighazmc.Com */ #wpac-rating:before{content:"Rate This Article";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>

Lalu salin kode dibawah ini dan pasang tepat dibawah atau setelah kode "<data:post.body/>"

<div id="wpac-rating"></div>

Selanjutnya salin kode dibawah ini dan pasang atau pastekan tepat atau sesudah kode "</body>"

<script type="text/javascript"> wpac_init = window.wpac_init || []; wpac_init.push({widget: 'Rating', id: 31970}); (function() { if ('WIDGETPACK_LOADED' in window) return; WIDGETPACK_LOADED = true; 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>

Setelah semuanya terpasang dengan benar, pilih "💾" atau "save" untuk menyimpan perubahan dan lihat hasilnya.

Cara Menampilkan Rating Peringkat Bintang Artikel Blogger Di Hasil Penelusuran Google

Untuk menampilkan rating peringkat bintang artikel blogger di hasil penelusuran google, kalian cukup tambahkan script dibawah ini tepat diakir artikel.

<script type='application/ld+json'>
  {
    "@context": "https://schema.org",
    "@type": "CreativeWorkSeries",
    "url": "<data:blog.url/>",
    "name": "<data:blog.pageTitle/>",
    "alternateName": "<data:blog.pageTitle/>",
    "description": "<data:blog.metaDescription/>",
    "inLanguage": "id",
    "aggregateRating": {
    	"@type": "AggregateRating",
    	"ratingValue": "5",
    	"bestRating": "5",
    	"worstRating": "0",
   	"ratingCount": "1300",
    	"reviewCount": "1300"
  },
    "author": {"@type": "Person", "name": "Fighaz Mc"},
    "publisher": {"@type": "Organization", "name": "<data:blog.title/>"}
    }
  }
</script>

Setelah memasang kode diatas, kalian harus merubah beberapa script penulisan diatas yakni:

ratingValue: Menampilkan jumlah rating bintang
bestRating: Menampilkan jumlah rating bintang yang di peroleh dari jumlah ratingValue yang dibuat.
name: Nama Blog Atau penulis

Lalu simpan perubahan.

Penting: Setelah dipasang, hasilnya belum langsung terlihat yah. Untuk cara agar cepat mendapatkan hasilnya, kalian harus index ulang lagi artikel yang sudah kalian tambahkn script diatas menggunakan Google Search Console.

Cara Otomatis Menampilkan Rating Peringkat Artikel Blogger Di Hasil Penelusuran Google

Nah buat teman-teman yang ingin menampilkan ranting peringkat otomatis blogger di hasil penelusuran blogger, kalian bisa mengikuti langkah mudah dibawah ini.

Salin Kode Script yang tadi ditas atau dibawah ini

Gambar<div><br /></div>
<div>Isi Artikel Kalian</div>
<div><script type='application/ld+json'>
  {
    "@context": "https://schema.org",
    "@type": "CreativeWorkSeries",
    "url": "<data:blog.url/>",
    "name": "<data:blog.pageTitle/>",
    "alternateName": "<data:blog.pageTitle/>",
    "description": "<data:blog.metaDescription/>",
    "inLanguage": "id",
    "aggregateRating": {
    	"@type": "AggregateRating",
    	"ratingValue": "5",
    	"bestRating": "5",
    	"worstRating": "0",
   	"ratingCount": "1300",
    	"reviewCount": "1300"
  },
    "author": {"@type": "Person", "name": "Nana Kalian/blog"},
    "publisher": {"@type": "Organization", "name": "<data:blog.title/>"}
    }
  }
</script></div>

lalu kalian pergi ke "Setelan"

Cari "Postingan". Lalu pilih "Templat entri (opsional)"

Lalu masukkan Script yang kalian salin seperti gambar dibawah ini.

lalu pilih rubah nama, dengan nama kalian atau blog kalian dan pilih "SIMPAN"

Secara otomatis, saat kalian membuat artikel baru maka script ranting peringkat bintang akan otomatis terpasang. Kalian cukup hapus kata "Gambar" dan masukkan gambar kalian diawal postingan.

Kesimpulan

Dengan memasang widget peringkat bintang di blogger kita dapat melihat seberapa puas pembaca yang membaca artikel yang kita buat.

Semoga artikel kali ini bisa bermanfaat dan dapat membantu teman-teman blogger yang ada dimana saja, baik itu di alam gaip dan alam non-gaip.

Selamat mencoba!

Fighaz Mc Halo!, Saya suka menulis di blog, sebuah ruang pribadi saya untuk berbagi tips, informasi, dan pengetahuan seputar dunia internet dan teknologi. Mari jelajahi dunia digital bersama!