Cara Membuat Sticky Bar

POETRA PAKUMIS | Ini adalah salah satu permintaan dari teman blogger saya yang meminta saya untuk share Cara Membuat Sticky Bar di blog.

Sebenarnya saya juga mendapatkan script ini dari mas Mahfid Mayanto pemilik blog Full Blog Design Thank to mas Mahfid. Berikut Screentshotnya :

Cara Membuatnya :

• Login ke akun blogger anda.
• Masuk ke Template - Edit HTML lalu cari kode </head> lalu letakan kode di bawah ini tepat di atasnya kode </head>.

<script type='text/javascript'> $(function(){var offset=$(&quot;#ID WIDGET ANDA&quot;).offset();var topPadding=10;$(window).scroll(function(){if($(window).scrollTop()&gt;offset.top){$(&quot;#ID WIDGET ANDA&quot;).stop().animate({marginTop:$(window).scrollTop()-offset.top+topPadding})}else{$(&quot;#ID WIDGET ANDA&quot;).stop().animate({marginTop:0})}})}); </script>

Note:- Silahkan Ganti Kode berwarna merah dengan ID WIdget anda untuk lebih jelasnya silahkan lihat gambar di bawah ini.

• Terakhir Tinggal Klik Simpan/Save

Jika anda menyukai artikel Cara Membuat Sticky Bar dan ingin memosting artikel ini.

Bila Anda menjumpai BROKEN LINK atau LINK YANG RUSAK, silahkan berkomentar di bawah postingan pada kotak komentar yang disediakan.