Cara Memasang Widget Rating Bintang dengan CSS di Blogger

Pada kesempatan kali ini penulis akan memberikan tutorial singkat Cara Memasang Widget Rating Bintang dengan CSS di Blogger. Jika kamu tertarik untuk memasang nya, kamu bisa simak dalam tutorial berikut ini.

Rating Count Star atau Peringkat Bintang yang memiliki fungsi untuk memberikan penilaian dari artikel dalam suatu web. Yang dimana kita dapat memberikan penilaian dengan memberikan jumlah bintang. Widget ini juga sudah dilengkapi dengan penghitungnya, yang dimana dapat menyimpan jumlah pengguna yang telah memberikan penilaiannya.

Cara Memasang Widget Rating Count Star di Blogger

1. Log in ke akun Blogger  – Tema  – Edit Html.

masuk ke blogger min 1

2. Copy dan Paste kode Style CSS di bawah ini tepat sebelum kode ]]></b:skin> atau </style>

style css

<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>

3. Selanjutnya masukan markup kode pemanggil di bawah. Untuk penempatannya bisa kamu sesuaikan.

Sebagai contoh disini penulis memasang nya di akhir postingan artikel yang dimana di pastekan tepat sesudah kode <data:post.body/>

kode pemanggill

<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. Simpan Tema.

5. Selesai.

Berikut adalah tampilan Widget Rating Bintang dengan CSS yang telah terpasang di Blogger.

tampilan rating count star min

Sekian tutorial Cara Memasang Widget Rating Bintang dengan CSS di Blogger yang telah penulis bagikan untuk kamu. Jika kamu memiliki pertanyaan perihal artikel ini, jangan sungkan untuk berkomentar di bawah ya. Semoga bermanfaat.

1 Comment

1 Comment

  1. Mila

    April 11, 2020 at 12:00

    Gimana cara kecilkan bintang sama fontnya bang?

Leave a Reply

Your email address will not be published. Required fields are marked *

Trending Minggu Ini

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Ikuti Kami di Sosmed

Inwepo Navigasi

Tentang Kami             Beranda

Hubungi Kami             Panduan Penulis

Kebijakan Privasi

FAQ

Partner

Copyright © 2014 - 2023 Inwepo - All Rights Reserved.

To Top