Cara mudah memasang sticky widget di Blog

Haisob apa kabar? Sticky widget blog adalah widget blog yang letaknya menempel, diam dan tertahan walaupun halaman/page blog di scroll.

Sudah pernah lihat blog yang memasang efek sticky pada salah satu bagian di blognya, bisa pada widget atau element lain pada blog. Saya juga memasangnya loh, pada sidebar dan pada page menu blog ini 😁.

Membuat Sticky Widget


Cara Membuat Sticky Widget Terbaru
Sticky Widget




Bagaimana sob setelah melihat demonya? tertarik ingin memasangnya juga? berikut cara memasang Sticky Widget di Blogger:


Cara Memasang Sticky Widget di Blogger


1. Di Blog Blogger 😃
2. Pilih menu Template ➔ Edit HTML
Cara Memasang Sticky Widget di Blogger
Template ➜ Edit HTML

3. Letakan  kode dibawah ini di atas  </body> .
<script>
//<![CDATA[
ayo_jadiSticky("Widget_ID");
function ayo_jadiSticky(elem) {
    var ayo_Sticky = document.getElementById(elem);
    var scrollee = document.createElement("div");
    ayo_Sticky.parentNode.insertBefore(scrollee, ayo_Sticky);
    var width = ayo_Sticky.offsetWidth;
    var iniClass = ayo_Sticky.className + ' ayo_Sticky';
    window.addEventListener('scroll', haisob_Stickidong, false);
    function haisob_Stickidong() {
        var rect = scrollee.getBoundingClientRect();
        if (rect.top < 0) {
            ayo_Sticky.className = iniClass + ' haisob_Stickidong';
            ayo_Sticky.style.width = width + "px";
        } else {
            ayo_Sticky.className = iniClass;
        }
    }
}
//]]>
</script>
<style>
.haisob_Stickidong {position:fixed; top:0; z-index:9999;}
</style> 
4. Ganti tulisan warna hijau diatas dengan ID Widget yang ingin kamu buat menjadi sticky widget.
5. Save.

Ok sekian, Cara mudah memasang sticky widget di Blog, semoga bermanfaat. Salam Blogger.
Join This Site