~Login ke "Blogger" masuk ke "Template" lalu "Edit Template"
~Simpan kode dibawah ini tepat diatas kode </body> :
<script type='text/javascript'>$(document).ready(function() {var stickyWidgetTop = $('#HTML7').offset().top; var stickyWidget = function(){var scrollTop = $(window).scrollTop(); if (scrollTop > stickyWidgetTop) { $('#HTML7').addClass('sticky');} else { $('#HTML7').removeClass('sticky'); }};stickyWidget();$(window).scroll(function() { stickyWidget();});});</script>
Ganti kode #HTML7 dengan ID widget sobat.
Cara mencari ID widget cukup klik edit pada widget yang ingin dibuat sticky lalu catat ID widgetnya, Screenshot:
yang diberi kotak merah itu ID widget |
~Simpan kode dibawah ini tepat diatas kode ]]></b:skin> :
.sticky { position:fixed; top:10px;/* jarak dari atas*/ z-index: 100;}
~Simpan/Save Template
Selamat mencoba dan semoga Anda berhasil.
0 komentar:
Post a Comment