Cara Membuat Sticky Widget di Sidebar Blog

Cara Membuat Sticky Widget di Sidebar Blog. Sticky Widget bermanfaat untuk membuat widget spesifik menjadi sticky atau melayang dan berjalan mengikuti kursor disaat halaman situs digulir ke atas atau kebawah. kebanyakan sticky widget ini diterapkan pada widget yang perlu jika pada widget recent post (list artikel terbaru), widget yang memuat iklan, atau widget lainnya. 

Buat kalian yang tertarik untuk membuat widget kalian melayang saat halaman situs/blog kalian di skrool atau digulir ke atas atau ke bawah, silahkan ikuti panduan berikut ini.

Cara Membuat Sticky Widget di Sidebar Blog

1. Masuk ke Blogger.

2. Pada panel navigasi, silahkan pilih Tema kemudian klik Edit HTML.

3. Silahkan tambahkan kode dibawah ini sebelum kode </body>.

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<script type='text/javascript'>
//<![CDATA[
// Sticky widget
$(function(){if($("#HTML1").length){var o=$("#HTML1"),t=$("#HTML1").offset().top,i=$("#HTML1").height();$(window).scroll(function(){var s=$("#comments").offset().top-i-20,f=$(window).scrollTop();if(f>t?o.css({position:"fixed",top:15}):o.css("position","static"),f>s){var n=s-f;o.css({top:n})}})}});
//]]>
</script>
</b:if>

Keterangan

- Silahkan ubah "HTML1" dengan ID widget yang menginginkan dijadikan sticky.

- Kode berwarna ungu bermanfaat untuk menghalau dampak sticky terhadap perangkat mobile.

- Angka "15" digunakan untuk mengimbuhkan jarak widget.

- #comments untuk memberhentikan widget sticky. Silahkan sesuaikan dengan template blog kamu.

Untuk menemukan ID widget, silakan membuka Tata Letak lantas klik edit terhadap widget yang dapat dijadikan sticky. Untuk lebih lengkapnya mencermati gambar dibawah ini.

 4. Silahkan tambahkan kode CSS dibawah ini sebelum kode </b:skin>.

#HTML1{width:100%;max-width:300px}

Keterangan

- Silahkan ubah "HTML1" dengan ID widget yang tadi.

- Kamu bisa mengatur panjang widget dengan mengubah ukuran width.

5. Jika sudah selesai, silahkan klik Simpan Tema, kemudian lihat hasilnya.

Pada langkah ini kamu sudah selesai membuat widget kamu menjadi sticky atau melayang. Pastikan kamu tidak memasang iklan dari Google AdSense sebab menurut kebijakan penempatan iklan, penayang tidak dibolehkan untuk membuat iklan adsense menjadi melayang. Hal ini pasti amat berbahaya yang mampu membuat akun adsense dibanned selamanya.

Silahkan gunakan Sticky Widget untuk widget yang menurut kamu penting untuk dicermati oleh pengunjung. Saya rekomendasikan memasang widget recent post atau widget artikel terakhir supaya pengunjung mampu menemukan artikel lainnya dan menaikkan kunjungan. 

Sekian pembahasan perihal Cara Membuat Sticky Widget di Sidebar Blog semoga bermanfaat. Apabila ada hal yang mengidamkan ditanyakan, silahkan menanyakan lewat kolom komentar di bawah ini, terima kasih dan semoga berhasil.

Subscribe to receive free email updates: