Cara Membuat Widget Sticky Di Sidebar

Cara Membuat Widget Sidebar Sticky tutorial simple Supaya Widget Melayang Di Sidebar atau bisa juga di sebut Memasang Sticky Pada Widget Blogger . cara ini cukup efektif untuk menarik penunjung untuk melihat widget yang kita buat melayang, contohnya saja iklan yang kita buat melayang pengunjung secara otomatis akan melihat terus iklan yang kita tampilkan dan bukan tidak mungkin akan tertarik untuk mengklik iklan tersebut.

jadi cara Membuat Sticky Widget Melayang Di Sidebar ini menurut saya cukup efektif untuk kalian coba. simak saja tutorial d bawah ini ada beberapa cara yang bisa kalian praktekkan.

Cara Membuat Sticky Widget Melayang di Sidebar
1. masuk ke blog kalian masing masing
2. masuk ke template kemudian edit html
3. masukkan kode di bawah ini di atas kode </body>

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

Ganti tulisan warna merah dengan ID WIDGET yang ingin kalian buat sticky
4. kemudian save dan lihat hasilnya

jika kalian kesulitan untuk mengedit template kalian bisa menambahkan kode di atas di bagian tata letak pilih tambahkan gadget kemudian pilih html / javascript



Cara Melihat ID Widget di Blogger
caranya sangat mudah
pertama kalian harus login ke blogger
masuk ke tata letak kemudian edit widget yang ingin kalian ketahui id nya
id widgetnya akan muncul seperti gambar di bawah ini

saya rasa postingan di atas cukup lengkap dan mudah untuk di pahami
jangan lupa baca postingan sebelumnya

Cara Menambah Masa Aktif XL Tanpa Batas
Inject Indosat Support Vpn Dan Share Wifi
Cara Memperpanjang Masa Aktif Indosat

jangan lupa support terus blog ini dengan cara share postingan ini dan bergabunglah dengan teman teman yang lain di fanpage fb kami . link fp bisa kalian lihat di bawah
semoga bermanfaat