Selasa, 19 Desember 2017

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

1 komentar so far

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


EmoticonEmoticon