logo
Ganti kemasan produk Anda dengan Kemasan berbahan dasar bambu ramah lingkungan...dimensi bisa request. Lihat GRATIS di DAFTAR HARGA KEMASAN BAMBU

Cara membuat STICKY WIDGETdi blog gak pake ribet

www.desacilembu.com
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-rows-num="4,2" data-matched-content-columns-num="1,4" data-matched-content-ui-type="image_stacked" data-ad-format="autorelaxed">
    Tulisanmu ingin dibayar? Kirim artikelmu ke: troyalfawaz@gmail.com
    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 | Created by Kompi ajaib - Powered by Blogger