Cara Membuat Iklan Melayang Floating

Assalamu'alaikum, hai sobat sedang apa ni, ya pasti sedang baca blog saya lah, apa lagi, hehehe, yap pada kali ini saya akan membagikan lagi sebuah trik, yang mungkin jarang kita temukan, yaitu Cara Membuat Iklan Melayang Floating hanya dengan CSS, adalah tambahan javascript, dan HTMLnya, karena iklan floating ini menggunakan CSS, otomatis akan lebih ringan diblog kita, saya ucapkan terima kasih kepada mas naim, karena saya temukan trik ini diblognya, ok, sekarang kita coba bersama Cara Membuat Iklan Melayang Floating ini


1.Pada dashbor blog anda pilih template >> Edit HTML >> Proceed.

2.Kamu beri tanda pada Expand Widget Templates.

3.Sekarang kamu cari kode ]]></b:skin>

4.Kamu copy paste kode CSS dibawah ini diatas ]]></b:skin>

#floating-ads { position:fixed;_position:absolute;bottom:80px; left:120px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); } .bgfloat{}

5.Bila sudah save template kamu.

6.Sekarang pada dashbor kamu klik Layout >> Tambah Gadget >> Javascript/HTML

7.Kamu masukkan kode berikut :

<script language="javascript"> function closeTopAds() { document.getElementById("floating-ads").style.visibility = "hidden"; } </script> <div id="floating-ads"> <div align="center" class="bgfloat"><img align="absmiddle" onclick="closeTopAds();return false;" src="http://lh6.ggpht.com/_IjrRiI_bVb0/SxtblET-xfI/AAAAAAAACVQ/1i0rufnJAP4/minimize.png" style="cursor: pointer;" /> </div> KODE IKLAN DISINI </div>

8.Kemudian kamu masukkan kode iklan anda pada tulisan KODE IKLAN DISINI


9.Simpan, dan lihat hasilnya.


Catatan :


Bila iklan kamu tidak sesuai keinginan, mungkin kurang kekanan, kekiri, bawah, maupun atas, coba anda atur kode CSS seperti dibawah ini :

bottom:80px; left:120px;

Ok, semoga trik Cara Membuat Iklan Melayang Floating ini berguna untuk kamu, jangan lupa komentarnya ya.

Link :  Cara Menghilangkan Navbar Pada Blog