Judul: Berbagi Info Seputar Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog Full Update Terbaru
link: Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog
Berbagi Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog Terbaru dan Terlengkap 2017
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 ^_^.
Itulah sedikit Artikel Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog terbaru dari kami
Semoga artikel Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai info ponsel kita. jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog