Cara Memasang Widget Rating Bintang Blogger Terbaru - Hallo sahabat Tinta Network, Pada Artikel yang anda baca kali ini dengan judul Cara Memasang Widget Rating Bintang Blogger Terbaru, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Tutorial, Artikel Website, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Memasang Widget Rating Bintang Blogger Terbaru
link : Cara Memasang Widget Rating Bintang Blogger Terbaru

Cara Memasang Widget Rating Bintang Blogger Terbaru

Ihsan Magazine - Ingin Memasang widget rating bintang agar terlihat lebih professional? sangat berguna untuk menilai konten website anda dan meningkatkan domain authority anda dan baik untuk SEO, maka dari itu tanpa basa basi ini dia caranya.

Cara Memasang Widget Rating Count Star di Blogger

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

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

/* 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;}

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

<pre><code>

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

</code></pre>

4. Simpan Tema.

5. Selesai.

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

LIVE PREVIEW

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.

Demikianlah Artikel Cara Memasang Widget Rating Bintang Blogger Terbaru

Sekianlah artikel Cara Memasang Widget Rating Bintang Blogger Terbaru kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Memasang Widget Rating Bintang Blogger Terbaru dengan alamat link https://tintanetwork.blogspot.com/2020/03/cara-memasang-widget-rating-bintang.html