• Breaking News

    Monday, September 23, 2013

    Cara Membuat Sticky Widget di Blog

    Cara Membuat Sticky Widget di Blog - Sticky Widget atau iklan melayangbisa membantu kita dalam meraih pendapatan yang lebih baik jika dipasang pada iklan blog dan bisa juga dipasang di widget follower twitter, G+, maupun like facebook. Nah, cara membuat stickey wdget melayang ini adalah sebagai berikut:
    Cara Membuat Sticky Widget di Blog
    1. Buka Blogger. 
    2. Klik Template. 
    3. Pilih Edit HTML, Kemudian cari kode </body> . Setelah itu Letakan kode Script dibawah ini dan letakan tepat Diatas/Sebelum kode </body> .
    <script> 
    // Sticky widget Buatan Garda Pengetahuan 
    //<![CDATA[ 
    bs_makeSticky("HTML8"); // enter your widget ID here 
    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 {background:#ffffff !important; position:fixed; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3);} 
    </style>
    4. Setelah Memasang kode Script itu. Silahkan ganti pada tulisan "Masukan Id Widget Kalian Disini" ganti dengan ID Widget kalian Masing2. Contohnya : HTML7, dsb.
    stickey widget

    No comments:

    Post a Comment