Judul : Trik Dan Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog -TechHealthyBlog
link : Trik Dan Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog -TechHealthyBlog
Trik Dan Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog -TechHealthyBlog
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 ^_^.
Demikianlah Artikel Trik Dan Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog -TechHealthyBlog
Sekianlah artikel Trik Dan Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog -TechHealthyBlog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Trik Dan Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog -TechHealthyBlog dengan alamat link https://healthytecho.blogspot.com/2015/12/trik-dan-cara-cepat-membuat-widget.html