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

0 comments:

Post a Comment