Cara membuat SICKY WIDGETdi blog gak pake ribet
- Buka Edit HTML
- cari kode </body>, caranya ctrl F lalu ketik/paste kode </body>, lalu enter
- Simpan kode di bawah ini di atas </body>
<script>
//<![CDATA[
bs_makeSticky("PopularPosts1");
function bs_makeSticky(elem) {
var bs_sticky = document.getElementById(elem);
var scrollee = document.createElement("div");
bs_sticky.parentNode.insertBefore(scrollee, bs_sticky);
var width = bs_sticky.offsetWidth;
var iniClass = bs_sticky.className + ' bs_sticky';
window.addEventListener('scroll', bs_sticking, false);
function bs_sticking() {
var rect = scrollee.getBoundingClientRect();
if (rect.top < 0) {
bs_sticky.className = iniClass + ' bs_sticking';
bs_sticky.style.width = width + "px";
} else {
bs_sticky.className = iniClass;
}
}
}
//]]>
</script>
<style>
.bs_sticking {position:fixed; top:0; z-index:9999;}
</style>
//<![CDATA[
bs_makeSticky("PopularPosts1");
function bs_makeSticky(elem) {
var bs_sticky = document.getElementById(elem);
var scrollee = document.createElement("div");
bs_sticky.parentNode.insertBefore(scrollee, bs_sticky);
var width = bs_sticky.offsetWidth;
var iniClass = bs_sticky.className + ' bs_sticky';
window.addEventListener('scroll', bs_sticking, false);
function bs_sticking() {
var rect = scrollee.getBoundingClientRect();
if (rect.top < 0) {
bs_sticky.className = iniClass + ' bs_sticking';
bs_sticky.style.width = width + "px";
} else {
bs_sticky.className = iniClass;
}
}
}
//]]>
</script>
<style>
.bs_sticking {position:fixed; top:0; z-index:9999;}
</style>
- ganti PopularPosts1 dengan ID WIDGET yang di inginkan
- Simpan dan lihat hasilnya.
- Perhatikan gambar pada Edit HTML di bawah ini...nah, yang dikotakin itu ID WIDGET teh
Selesai deh Cara membuat STICKY WIDGETdi blog gak pake ribet
