Inilah Begini Cara Mudah Menciptakan Sticky Widget Blog Yang Benar

Cara Membuat Sticky Widget Blog yaaang Benar, Sahabat blogging mungkin ada yaaang bertanyaaa, apa sticky widget hal itu? Sticky seCara bahasa berarti menempel. Sedangkan widget yaaahal itu fhal itur gadget dalam blog. Maka jikalau digabungkan, seCara bahasa berarti widget yaaang menempel. Atau lebih jelasnyaaa, sticky widget yaaahal itu widget yaaang senantiasa melekat meski tampilan blog discroll ke bawah oleh mouse. SeCara normal, widget biasa akan menghilang atau tidak tampak sesuai jarak scroll mouse tersebut pada tampilan.

Sticky widget ini lazimnyaaaa diletakkan di bab sidebar blog. Sahabat dapat melihat demonyaaa pribadi pada blog ini. Silakan discroll ke bawah dengan mouse, maka widget popular posts akan senantiasa ada di sana. Maka, kali ini sayaaa akan mengembangkan bagaimana Cara menciptakan sticky widget yaaang benar pada sahabat. Berikut tahap-tahapnyaaa.

Artikel menarik Fakta Tentang Pasukan Blogspot yaaang Mengejutkan.

Cara Membuat Sticky Widget Blog

1. Masuk dasboard blogger.

2. Menuju ke Template.

3. Pilih Edit HTML.

4. Cari kode ]]></b:skin>. Letakkan aba-aba berikut di atasnyaaa.

 .sticky {

  position:fixed;

  top:10px;/* jarak dari atas*/

  z-index: 100;

}

5. Cari kode </body>. Lalu letakkan aba-aba berikut sempurna di atasnyaaa.

<script type='text/javascript'>

$(document).ready(function() {

var stickyWidgetTop = $('#HTML3').offset().top; 

var stickyWidget = function(){

var scrollTop = $(window).scrollTop();     

if (scrollTop > stickyWidgetTop) { 

    $('#HTML3').addClass('sticky');

} else {

    $('#HTML3').removeClass('sticky'); 

}

};

stickyWidget();

$(window).scroll(function() {

    stickyWidget();

});

});

</script>

Ganti HTML3 dengan widget yaaang sobat pilih. Bisa Popular Posts, Blog Archive, Labels dan lain-lain. Untuk pilihannyaaa, silakan cari pada Jump to widget. 

6. Save template. Selesai.

Silakan sobat lihat perubahan widget yaaang dipilih untuk dijadikan sticky. Semoga sesuai dengan apa yaaang sobat inginkan.

Artikel rekomendasi Cara Membuat Form Contact Us yaaang Menarik pada Blog.

Demikian Cara menciptakan sticky widget pada blog. Semoga bermanfaat dan selamat mencoba.