Cara Membuat Widget Agar Melekat di Sidebar Blog

Cara Membuat Widget Agar Melekat di Sidebar Blog - Widget yang Sticky yaitu widget yang selalu melekat di sidebar blog ketika sebuah halaman di scroll kebawah. Cara Membuat Widget Agar Melekat di Sidebar Blog atau Sticky ini sangatlah mudah, sobat hanya perlu menambahkan sebuah kode CSS dan kode script kedalam template sobat. Jika sobat tertarik untuk memasangnya pada blog sobat, simak tutorial berikut ini :

1. Login ke blogger
2. Kemudian klik " Template " selanjutnya klik " Edit HTML "
3. Setelah itu cari kode " ]]></b:skin> " gunakan Ctrl + F agar lebih mudah
4. Setalah ketemu, letakan kode dibawah ini tepat di atas kode " ]]></b:skin> "

    .sticky {
      position:fixed;
      top:10px;/* jarak dari atas*/
      z-index: 100;
    }

5. Selanjutnya cari kode " </body> "
6. Setelah ketemu, letakan kode dibawah ini tepat diatas kode " </body>

    <script type='text/javascript'>
    $(document).ready(function() {
    var stickyWidgetTop = $('#IDGADGET').offset().top;
    var stickyWidget = function(){
    var scrollTop = $(window).scrollTop();    
    if (scrollTop > stickyWidgetTop) {
        $('#IDGADGET').addClass('sticky');
    } else {
        $('#IDGADGET').removeClass('sticky');
    }
    };
    stickyWidget();
    $(window).scroll(function() {
        stickyWidget();
    });
    });
    </script>

Keterangan kode :

• Ganti tulis berwarna " Merah " dengan IDGADGET yang sobat telah pilih

7. Klik " Simpan Template "

Itulah tutorial Cara Membuat Widget Agar Melekat di Sidebar Blog, semoga artikel ini bermanfaat untuk sobat. Terima kasih telah berkunjung ( Jangan lupa komentar :D )

Sumber : http://daeng-tutorial.blogspot.com

Terima kasih telah membaca artikel tentang Cara Membuat Widget Agar Melekat di Sidebar Blog di blog Tutorial Kewez jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Artikel terbaru :

Kata Share | Mas Sehat | Ston SEO Responsif Blogger Template

Suka artikel ini? Bagikan :

FacebookGoogle+