Cara Membuat Sidebar Sticky Blog

Hi. Kali ini ZTN INFORMATION akan memberikan Tutorial Cara Membuat Sidebar Sticky Blog
oke langsung sajah,

sidebar Stick berfungsi agar Sidebar Mengikuti ketika Cursor Digerakan Ke bawah dan Ke Atas

1). Masuk Ke Blogger pilih Tema lalu tekan Edit HTML cari Kode </body> (jika sobat kesusahan mencari Kode </body> Sobat bisa mencarinya dengan Search: lihat disini)
Tambahkan JavaScript
<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>
letakan kode diatas Sebelum Kode </body> 
#HTML1 ganti dengan ID Widget Sobat.
caranya silahkan ke Tata Letak
pilih tambahkan Gadget atau bisa dengan widget yg sudah ada
tekan Edit pada Widget tersebut lihat Link di atas itulah ID sidebar
sobat Copy sajah hapus #HTML1 ganti dengan ID tadi
Klik Simpan,

Selesai, itulah Cara Membuat Sidebar Sticky Blog

Jika Sobat Tidak Merasa keberatan Silahkan Share Artikel ini.

Posting Komentar untuk "Cara Membuat Sidebar Sticky Blog"