Posted by Aak
Aak-share.com Updated at: 1:55:00 PM

Cara Membuat Sticky Widget Sidebar di Blog

No comments:
Cara Membuat Sticky Widget Sidebar di Blog - Sticky Widget adalah widget yang selalu menempel atau selalu mengikuti walaupun mouse terus di scroll kebawah dan akan kembali ketempat asal ketika mouse discroll keatas halaman.

Sebagai contoh anda bisa melihat navigasi menu pada blog ini, jika discroll kebawah navigasi menu akan mengikuti namu untuk yang satu ini diterapkan untuk widget. Baiklah sobat berikut ini adalah langkah-langkah penerapannya :

1.Silahkan anda login keakun Blogger
2. Pilih Template => Klik Edit Template
3. Berikutnya anda cari kode </body>
4. Kemudian anda terapkan kode Javascript berikut diatas kode </body>

<script type='text/javascript'>
$(window).scroll(function(){
if ($(window).scrollTop() &gt;= 1160){
  $(&#39;#HTML2&#39;).css({position:&#39;fixed&#39;,top:58});
} else {
$(&#39;#HTML2&#39;).css({position:&#39;relative&#39;,top:0});
}
});
</script>

5. Simpan Template

Note :
=> Ganti kode warna ungu HTML2 dengan ID widget yang akan anda buat sticky

Demikaian cara membuat Sticky Widget Sidebar di Blog , semoga bermanfaat!

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments