Cara Menciptakan Sticky Widget Di Sidebar Blog

Rabu, 09 April 2014

Tutorial Cara Membuat Sticky Widget di Sidebar Blogger. Sticky Widget berfungsi untuk menciptakan widget tertentu menjadi sticky atau melayang dan berjalan mengikuti kursor saat halaman situs digulir ke atas atau kebawah. biasanya sticky widget ini diterapkan pada widget yang penting contohnya 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 isyarat dibawah ini sebelum isyarat </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 dampak 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 isyarat CSS dibawah ini sebelum kode </b:skin>.

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

Keterangan

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

5. Jika sudah selesai, silahkan klik Simpan Tema.


Pada tahap ini kau sudah final menciptakan widget kau menjadi sticky atau melayang. pastikan kau tidak menempatkan iklan Google AdSense alasannya ialah itu sanggup melanggar kebijakan penempatan iklan Google AdSense dan sanggup menjadikan akun Google AdSense kau dibanned selamanya.

Silahkan gunakan Sticky Widget untuk widget yang berdasarkan kau penting untuk dilihat oleh pengunjung. saya sarankan memasang widger recent post biar artikel blog kau 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 jikalau ada hal yang ingin ditanyakan.
Sumber https://www.panduanblog.id/

Share This :