HEADLINES :
HOME » » Cara Membuat Sticky Pada Sidebar

Cara Membuat Sticky Pada Sidebar

Cara ini hampir sama dengan Cara Membuat Sticky Pada Menu. Cara Membuat Sticky Pada Sidebar Menambahkan code CSS dan JavaScript. Lanjut saja Sobat, silahkan ikuti uraian dibawah ini :
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 

Artikel Lainnya

Terima kasih telah berkunjung pada Cara Membuat Sticky Pada Sidebar, Silahkan tinggalkan jejak dengan memberikan komentar yang baik, wajar dan pantas.

Comments
0 Comments

0 komentar

 
Copyright © 2013. Boomers Rock On - All Rights Reserved | Proudly powered by Blogger | Kumpulan Blogger