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.
      Buka Komentar
      © 2009 DESA CILEMBU - Template by Basri Matindas .- Proudly powered by Blogger