Cara membuat STICKY WIDGET di 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 (semua yang berwarna merah )di bawah ini di atas </body>
    • ganti PopularPosts1 dengan ID WIDGET yang di inginkan
    • Simpan dan lihat hasilnya.
    <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> 
      DEMO scroll aja blog ini...

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

      Reaksi:

      Related Posts:

      You Might Also Like:

      Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. BAGI PENGGUNA MOBILE, KLIK What do you think? atau dimana saja pada halaman disqus JIKA HALAMAN DISQUS TIDAK TERBUKA SEMPURNA .
      Buka Komentar
      © 2017 DESA CILEMBU - Template Created by goomsite - Proudly powered by Blogger