Aug 22, 2016

Membuat Sticky Widget V.2 ( sidebar Statis ) di Blogspot

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....

<script>
//<![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>
jangan lupa setelah di pasangkan scrip kemudian di SAVE / simpan .....
Selamat mencoba.....

AKTUAL NEWS ONLINE

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

0 comments:

Post a Comment

Komen yang bijak sangat di nantikan...! Terimakasih..