logo
CV. GEOTROY REMPAH JAYA | Supplier Rempah-Rempah Nasional, partai besar dan kecil, Silahkan Klik | CV. GEOTROY REMPAH JAYA |

Cara membuat STICKY WIDGETdi blog gak pake ribet

Cara membuat SICKY WIDGETdi blog gak pake ribet
  1. Buka Edit HTML
  2. cari kode </body>, caranya ctrl F lalu ketik/paste kode </body>, lalu enter
  3. 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> 
  • ganti PopularPosts1 dengan ID WIDGET yang di inginkan
  • Simpan dan lihat hasilnya.
DEMO scroll aja blog ini...
    • Perhatikan gambar pada Edit HTML di bawah ini...nah, yang dikotakin itu ID WIDGET teh
    Cara membuat STICKY WIDGETdi blog gak pake ribet


    Enter your email address to get update from DESA CILEMBU.
    Print PDF
    ARTIKEL TERKAIT : data-matched-content-ui-type="text_card" data-matched-content-rows-num="4" data-matched-content-columns-num="1"
    Tulisanmu ingin dibayar? Kirim artikelmu ke: troyalfawaz@gmail.com
    CV. GEOTROY REMPAH JAYA | Supplier Rempah-Rempah Nasional, partai besar dan kecil, Silahkan Klik | CV. GEOTROY REMPAH JAYA |
    NOTES: Jika Kolom Komentar Nggak Terbuka, Harap Muat Ulang Halaman ini
    Next
    « Prev Post
    Previous
    Next Post »
    Copyright © 2008 - DESA CILEMBU | Privacy Policy | Disclaimer | About | DMCA.com Protection Status | Created by Kompi ajaib - Powered by Blogger