wXrOiPC5QILOHI6kkTuyZ5zfySMra9k7fA90RSRm

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!!!

Related Posts
VrCy
Mencoba mengapai langit dari kerja kerasku sendiri
SHARE

Related Posts

Subscribe to get free updates

Posting Komentar