Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog -Assalamu Alaikum WR.WB Hallo sahabat TrikMITOS-blog seputar informasi, islami,kesehatan, kecantikan Tips dan Trik android kord gitar dll, Pada Artikel yang anda baca kali ini dengan judul Cara Cepat Membuat Widget Iklan Menjadi Sticky/Melayang Di Blog, saya telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya, yang mungkin bermanfaat buat anda. mudah-mudahan isi postingan Artikel Tutorial Blogger, yang saya tulis ini dapat anda pahami, karna mungkin dari beberapa pengunjung bahasa atau tulisan saya ini agak sulit di mengerti...hehehe benarkah??!!!. baiklah, tanpa panjang lebar dan bertele-tele lagi selamat membaca, jangan lupa baca juga artikel lainnya, karena masih banyak artkel yang menarik lainnya yang menurut saya pribadi sangat bermanfaat

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

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 jangan lupa tinggalkan komentar anda dan share yang banyak....heheheh.

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