What tutorial do you want for the next article! Request Here!

Cara Membuat Widget Rating Bintang Di Blog Menggunakan CSS Dan JavaScript

Cara Membuat Widget Rating Bintang Di Blog Menggunakan CSS Dan JavaScript
Rating widget

Hallo semuanya pada kesempatan kali ini admin mau berbagi tutorial cara Memasang Widget Rating Bintang Article. widget star rating di setiap postingan blog di situs web Anda akan terlihat lebih profesional, selain itu juga dapat berfungsi sebagai pandangan tentang konten situs web dan domain Anda sekaligus meningkatkan SEO di pencaria

Pada platform blog seperti WordPress, fasilitas untuk memasang widget peringkat bintang disediakan secara default, namun sayangnya layanan Blogger Google belum memiliki fitur widget peringkat bintang. Jadi kita harus memanfaatkan widget pihak ketiga untuk bisa menerapkan widget rating di blogger.

Pada postingan kali ini saya akan membagikan tutorial cara mengatur rating bintang widget di blogger. Jika Anda tertarik untuk menginstalnya di blog apa pun yang Anda buat, baca posting lengkap di bawah ini dan ikuti langkah-langkah yang diberikan.

Cara Membuat Widget Rating Bintang Di Blog

  • Langkah 1: Buka Blogger.com
  • Langkah 2: Masuk Ke Akun Blogger Kalian
  • Langkah 3: Klik Menu Tema
  • Langkah 4: Setelah Itu Klik Edit Html
  • Langkah 5: Kemudian Salin Kode Css Yang Ada Di Bawah Ini Lalu Letakan Tepat Di Atas Kode ]]></b:skin>
  • #yc-rating:before{content:"Rate This Article";top:-15px;text-align:center;position:relative;width:100%;}
    #yc-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;}

  • Langkah 6: Kemudian Salin Kode Html Dibawah Ini Dan Letakan Di Bawah <data:post.body/>
  • <div id="yc-rating"></div>

  • Langkah 7: Kemudian Salin Kode JavaScript yang Diberikan dan Letakkan Di Atas </body>
  • <script type="text/javascript">
    yc_init = window.yc_init || [];
    yc_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>

  • Langkah 8: Kemudian Jangan Lupa Klik Save Theme.
  • Sekain Cara Membuat Rating Bintang Artikel. Beri tahu kami Apa yang Anda Katakan Tentang Postingan dengan Membuat Komentar dan jika Anda memiliki pertanyaan Hubungi Kami di Contact Us halaman. Semoga Anda Bersenang-senang Di Website Kami.

    Post Tags

    Info menarik Widget

    About the Author

    Content Creator, Graphic Designer, UI / UX Designer

    Posting Komentar

    AdBlock Detected!
    We have detected that you are using adblocking plugin in your browser.
    The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.