Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog - Hallo sahabat Androidblog 19, Pada Artikel yang anda baca kali ini dengan judul Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Tutorial Blogger, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog
link : Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog

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 ^_^.

Demikianlah Artikel Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog

Sekianlah artikel Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog dengan alamat link https://androidblog19.blogspot.com/2015/12/cara-cepat-membuat-widget-iklan-menjadi.html

Tweet