Cara Membuat Fungsi Sticky Widget Pada BLog

TB Blogging - Cara Membuat fungsi sticky pada widget blog dengan menggunakan javascript dan css , sering di kita lihat pada suatu blog ada salah satu widgetnya sticky atau menu barnya yang sticky, untuk membuat widget menjadi sticky seperti tersebut tidaklah terlalu sulit sobat bisa menambahkan beberapa kode yang sudah saya siapkan dibawah ini, yuk kita coba membuat sticky widget diblog.

Langkah-langkah membuat sticky widget di blog:

1. Masukkan CSS berikut diatas </body> atau di <style>

.makesticking{background:none!important;position:fixed!important;top:25px;z-index:99;-webkit-transform:translateZ(0);}
#HTML1 .widget-content {padding:0;margin:auto;}

2. Cari kode </body> kemudian letakan kode berikut daitasnya :

<script type='text/javascript'>
//<![CDATA[
// Sticky Widget
function makemeSticky(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" makesticking",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky("HTML1");
//]]>
</script>

Ganti#HTML1 dengan kode yang akan sobat buat menjadi sticky.

Selesai, dan jika sobat menemui kendala dalam pemasangannya silahkan tinggalkan komentar dikolom yang telah disediakan.