Cara membuat Sticky Widget atau Iklan Melayang

Cara membuat Sticky Widget atau Iklan Melayang -  Sekian lama pencarian melalui mbah Google, akhirnya ketemu juga dalam urusan cara membuat sticky widget. Sebelumnya simak dulu Script Anti Copas Yang Ampuh agar artikel anda tidak serta merta dicopas secara ilegal. berlanjut ke pengulasan sedikit tentang sticky widget atau iklan melayang. Pengertian dari sticky widget itu adalah iklan melayang, detailnya yaitu pada saat anda mengerakkan cursor kebawah, nantinya ada widget yang akan mengikuti cursor menuju kebawah, jadi seperti tempelan widget yang tidak permanen (semoga anda mendapat ilustrasinya) atau bisa lihat langsung di unik77.blogspot.com. 

Selanjutnya fungsi dari widget ini bisa lebih mengoptimalkan pendapatan iklan (jika dipasangi iklan) atau widget lainya seperti twitter,G+ bahkan Like fans page. Jadi blog/web lebih terlihat keren kan sob, semoga saja persepsinya sama.

Jadi Cara membuat Sticky Widget atau Iklan Melayang bisa mengikuti langkah-langkahnya:

1. Seperti biasa anda login blogger dahulu.

2. Kemudian masuk ke template (jangan lupa save dahulu template awal)

3. Masuk ke edit HTML

4. Silahkan anda cari kode </body> (lebih cepat dengan menggunakan ctrl+f)

5. Lalu kalau sedah ketemu taruh kode berikut tepat dibawahnya

<script> // Sticky widget Buatan Garda Pengetahuan //<![CDATA[ bs_makeSticky("ID WIDGET atau SCRIPT ANDA"); // 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>

6. Silahkan ganti widget sesuai dengan selera anda (bisa iklan,FP,G+ dll)

7. Simpan template

Bagaiman apakah sudah berhasil. Silahkan coment disini yang sudah berhasil mengenai Cara membuat Sticky Widget atau Iklan Melayang. Dan yang belum berhasil bisa sharing juga dengan penulis maupun blogger lainya disini. Semoga bermanfaat dan semoga lekas mencobanya