Tutorial Cara Membuat Floating Widget atau Banner Melayang

Selamat sore teman-teman semuanya, sore hari ini saya akan memberikan tutorial bagaimana cara membuat widget melayang atau banner melayang, keduanya sama saja karena fungsinya juga sama yaitu membuat objeknya menjadi melayang dan tidak berpengaruh scroll page, dan itu yang dinamakan sebagai floating banner atau floating widget. Nah langsung saja bagaimana caranya ikuti saya.

Pertama silakan masuk atau login terlebih dahulu pada dasbor blogger kalian, kalau sudah silahkan masuk ke menu theme, kemudian masuk ke edit html, kemudian selanjutnya silahkan kalian cari kode berikut    ]]></b:skin>


untuk mempermudah pencarian silahkan kalian menekan CTRL + F untuk pencarian ]]></b:skin> kalau sudah silahkan kalian masukkan variabel berikut ini tepat di atas ]]></b:skin> berikut kode variabelnya :


#melayang {position:fixed;_position:absolute;top:10px; left:10px;clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }


ini kalau sudah menentukan variabelnya sekarang widget sudah siap untuk dipakai, sekarang kalian masuk ke menu layout kemudian tambahkan gadget, kemudian pilih menu html kemudian masukkan kode berikut :

div id='melayang'>
Kode widget anda
</div>   


kemudian pada tulisan kemudian pada tulisan “Kode widget anda”  ganti menjadi script atau kode biner atau kode gambar yang kalian inginkan. Semoga bermanfaat selamat sore Assalamualaikum Warahmatullah Wabarakatuh.