1. Login ke Blogger
2. Klik Template >> Edit HTML
3. Cari kode ]]></b:skin> (gunakan CTRL + F)
4. Copy dan Pastekan Kode CSS di bawah ini tepat di atas ]]></b:skin>
.sticky { position:fixed; top:10px; z-index: 100; } |
5. Cari Kode </body> (gunakan CTRL + F)
6. Copy dan Pastekan Kode JavaScript dibawah ini tepat diatas </body>
<script type='text/javascript'> $(document).ready(function() { var stickyWidgetTop = $('#HTML9').offset().top; var stickyWidget = function(){ var scrollTop = $(window).scrollTop(); if (scrollTop > stickyWidgetTop) { $('#HTML9').addClass('sticky'); } else { $('#HTML9').removeClass('sticky'); } }; stickyWidget(); $(window).scroll(function() { stickyWidget(); }); }); </script> |
7. Gantikan kode #HTML9 dengan ID widget yang akan dibuat sticky
8. Save Tempelate Sobat, lihat hasilnya