Seiring dengan perkembangan jaman maka blog adalah salah satu media yang dapat di gunakan untuk menjadi pusat informasi sekaligus bahan referensi yang paling cepat di gunakan untuk saat ini dengan berjuta-juta artikel.
Disini pun kami akan mencoba membuat penataan halaman blog agar tidak terjadi scrool atau menggulung ke atas salah satu caranya dengan membuat statis widget atau side bar yang kita inginkan sehingga pera pembaca blog dapat membaca apa yang ingin kita suguhkan kepada para pembaca dengan tidak ikut scrool atau menggulung baik ke atas atau ke bawah .. salah satu cara yang lebih mudah adalah dengan Sticky Widget Sehingga para pembaca dapat membaca artikelyang kita suguhkan dengan maksimal. Script di bawah ini di pasang dan di jalankan pada saat masuk di edit blog atau sediakan widget kosong dari HTML. Dan Scrip di bawah ini di simpan sebelum </body> setelah itu kemudian robah "WIDGET ID" pada scrip dengan widget ID yang akan kamu buat Statick atau diam tidak ikut scroll.
silahkan di coba ... It Work ... Mudah Bukan....
Terimakasih untuk para blogger mania dan tetap semangat....
Selamat mencoba.....
Disini pun kami akan mencoba membuat penataan halaman blog agar tidak terjadi scrool atau menggulung ke atas salah satu caranya dengan membuat statis widget atau side bar yang kita inginkan sehingga pera pembaca blog dapat membaca apa yang ingin kita suguhkan kepada para pembaca dengan tidak ikut scrool atau menggulung baik ke atas atau ke bawah .. salah satu cara yang lebih mudah adalah dengan Sticky Widget Sehingga para pembaca dapat membaca artikelyang kita suguhkan dengan maksimal. Script di bawah ini di pasang dan di jalankan pada saat masuk di edit blog atau sediakan widget kosong dari HTML. Dan Scrip di bawah ini di simpan sebelum </body> setelah itu kemudian robah "WIDGET ID" pada scrip dengan widget ID yang akan kamu buat Statick atau diam tidak ikut scroll.
silahkan di coba ... It Work ... Mudah Bukan....
Terimakasih untuk para blogger mania dan tetap semangat....
<script>jangan lupa setelah di pasangkan scrip kemudian di SAVE / simpan .....
//<![CDATA[
bs_makeSticky("WIDGET_ID");
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>
Selamat mencoba.....
