Cara Sederhana Membuat Widget Sticky di Blogger

Cara Sederhana Membuat Widget Sticky di Blogger

widget sticky sangat menarik jika digunakan untuk iklan, karena iklan akan tampil meski kita menscroll laman... dan berikut adalah cara membuat widget sticky di blogger

1. Pertama Masuk ke Blogger >  Klik Template > Edit HTML
2. Tambahkan kode di bawah ini di atas kode ]]></b:skin> (kamu bisa mencarinya dengan ctrl + f)


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

3. Simpan kode ini dan letakkan di atas </body>


<script type="text/javascript">
$(document).ready(function() {
var stickyWidgetTop = $('#HTML7').offset().top; 
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();     
if (scrollTop > stickyWidgetTop) { 
    $('#HTML1').addClass('sticky');
} else {
    $('#HTML1').removeClass('sticky'); 
}
};
stickyWidget();
$(window).scroll(function() {
    stickyWidget();
});
});
</script>
(Silahkan ganti kode HTML1 dengan kode widget yang ingin dibuat sticky)

4. Simpan dan lihat hasilnya..
Membuat Widget Sticky di Blogger

Sekian tutor singkat dari saya, jika ada masalah silahkan tingalkan di komentar!!!

Berlangganan update artikel terbaru via email:

Rekomendasi Untuk Anda × +

1 Response to "Cara Sederhana Membuat Widget Sticky di Blogger"

  1. contoh daftar riwayat hidup harus dibenerin nih, jangan sampai sulit dibaca sama HRD. keren nih terimakasih gan.

    BalasHapus

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel