Custom Search

Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog

Cara Cepat Membuat Widget Iklan Menjadi Sticky Di BLog - Stiky Widget atau iklan iklan yang meskipun kita scroll kebawah widget tersebut akan tetap mengikuti kita dan jika seperti itu kemungkinan tingkat klik dari pembaca akan lebih besar. Dan juga kita bisa menggunakannya untuk 
mempromosikan produk kita dengan terus memperlihatkannya pada pembaca. Nah langsung saja berikut scriptnya untuk Anda.


Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog

- Buka Blogger Anda
- Masuk Pada Edit HTML
- Silahkan cari kode </body> dan copy kan script dibawah ini tepat diatasnya (agar lebih mudah pakai Ctrl + F

<script>
// Sticky widget Buatan Perilian
//<![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>

Silahkan ganti kode yang berwarna merah dengan kode widget yang ingin Anda stiky kan, untuk cara mencarinya silahkan lihat gambar 


Simpan Template dan selesai .

Nah sangat mudah bukan ?? selamat mencoba ^_^.
Semoga artikel dari kami Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog ini bisa bermanfaat untuk sobat semua, dan jangan lupa dishare ya ? :D ?? Terima kasih. .
Share ke: Facebook Twitter Google+ Linkedin Technorati Digg

PERHATIAN

Anda baru saja membaca artikel "Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog", silahkan tinggalkan komentar atau saran yang baik. "DILARANG COPAS".
Karena artikel ini dilindungi oleh : DMCA Protected.
Terima Kasih Atas Pengertiannya. Sukses Selalu !!
auto insurance, auto insurance quotes, auto insurance companies, auto insurance florida, auto insurance quotes online, auto insurance america, auto insurance comparison, auto insurance reviews, auto insurance calculator, auto insurance score, auto insurance quotes, auto insurance companies, auto insurance florida, auto insurance quotes online, auto insurance america, auto insurance comparison, auto insurance reviews, auto insurance calculator, auto insurance score, auto insurance ratings

``

=