Cara Membuat Sticky Widget Pada Sidebar Blog

Cara Membuat Sticky Widget Pada Sidebar Blog

Cara Membuat Sticky Widget Pada Sidebar Blog - Pada kesempatan kali ini saya akan berbagi tips pada kalian semua tentang Cara membuat sticky widget pada sidebar blog. Untuk kalian  yang belum tau Sticky Widget itu apa, saya akan memberi penjelasan sedikit mengenai hal itu.

Jadi Sticky Widget itu berfungsi untuk membuat Widget di blog kalian menjadi Melayang mengikuti halaman saat di Scrool kebawah. Ini akan membuat Widget di blog kalian jadi kelihatan sampai bawah. Dari pada kosong melompong kan? kaya hati. Hmm yaudah sekarang langsung saja kita simak pembahasannya berikut ini.

Cara Membuat Sticky Widget Pada Sidebar Blog :

1. Masuk Ke Blogger

2. Jika sudah, klik Tema > Lalu klik Edit HTML

3. Selanjutnya Salin dan Tambahkan kode di bawah ini sebelum </body>

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<script type='text/javascript'>
//<![CDATA[
// Sticky widget
$(function(){if($("#HTML").length){var o=$("#HTML1"),t=$("#HTML1").offset().top,i=$("#HTML1").height();$(window).scroll(function(){var s=$("#footer-wrapper").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 :

- Ganti #HTML1 dengan ID Widget kalian yang akan di jadikan Sticky

- #Footer-Wrapper sebagai pembatas berhentinya Sticky, jadi tinggal kalian sesuaikan saja.

- Untuk Menemukan ID Widget,  buka Tata Letak > klik Widget yang kalian cari > Lihat pada url widget terdapat ID Widgetnya

4. Selanjutnya tambahkan kode CSS di bawah ini sebelum ]]></b:skin>

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

Keterangan :  

- Ganti kode #HTML1 sesuai dengan yang tadi pertama kita bahas

- Tentukan lebarnya sesuai dengan sidebar kalian

5. Jika sudah, klik Simpan Template

Nah gimana? Mudah bukan? Oh iya saya sarankan jangan menggunakan Sticky Widget ini pada iklan Adsense. Kenapa? Ya karena tentu saja itu melanggar kebijakan dan bisa menyebabkan akun kalian di banned.

Sekian pembahasan mengenai Cara Membuat Sticky Widget Pada Sidebar Blog, jika kesulitan atau ada hal yang ingin di tanyakan silahkan komentar di bawah, terima kasih!