9 Jan 2018

Cara Membuat Sticky Widget di Sidebar Blog

Tutorial Cara Membuat Sticky Widget di Sidebar Blogger. Sticky Widget berfungsi untuk membuat widget tertentu menjadi sticky atau melayang dan berjalan mengikuti kursor ketika halaman situs digulir ke atas atau kebawah. biasanya sticky widget ini diterapkan pada widget yang penting misalnya pada widget recent post (list artikel terbaru), widget yang berisi iklan, atau widget lainnya.

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 ganti "HTML1" dengan ID widget yang ingin dijadikan sticky.
- Kode berwarna ungu berfungsi untuk menghilangkan efek sticky pada halaman mobile.
- Angka "15" merupakan jarak widget.

Untuk menemukan ID widget, silahkan buka Tata Letak kemudian klik widget yang akan dijadikan sticky. pada alamat widget terdapat ID widget.


4. Silahkan tambahkan kode CSS dibawah ini sebelum kode </b:skin>.
#HTML1{width:100%;max-width:300px}
Keterangan

- Silahkan ganti "HTML1" dengan ID widget yang tadi.
- Kamu bisa mengatur panjang widget sesuai dengan keinginan kamu.

5. Jika sudah selesai, silahkan klik Simpan Tema.

Cara Membuat Sticky Widget di Sidebar Blog

Pada tahap ini kamu sudah selesai membuat widget kamu menjadi sticky atau melayang. pastikan kamu tidak menempatkan iklan Google AdSense karena itu dapat melanggar kebijakan penempatan iklan Google AdSense dan bisa menyebabkan akun Google AdSense kamu dibanned selamanya.

Silahkan gunakan Sticky Widget untuk widget yang menurut kamu penting untuk dilihat oleh pengunjung. saya sarankan memasang widger recent post agar artikel blog kamu berkesempatan besar dikunjungi oleh pengunjung.

Baca juga: Cara Membuat Widget Recent Post di Sidebar Blogger

Sekian pembahasan mengenai Cara Membuat Sticky Widget di Sidebar Blog silahkan bertanya melalui kolom komentar dibawah ini jika ada hal yang ingin ditanyakan.

4 komentar

Komentar Anda adalah tanggapan pribadi, kami berhak menghapus komentar yang mengandung kata-kata pelecehan, intimidasi, dan SARA.
EmoticonEmoticon