Beberapa waktu yang lalu ada seorang sahabat blogger yang bernama mas bujang

www.bujangrimbo.com, menanyakan mengenai cara membuat banner melayang.

Sebetulnya tutorial ini sudah lama ada dalam draft saya, tapi tidak saya publish karena perlu
pengeditan di sana sini. Tutorial ini saya dapat dari kedua sumber yang saya sebutkan di akhir
artikel dengan memodifikasi sedikit karena diperuntukkan untuk blog wordpress self hosted.

Ok, kita mulai saja. Di bawah ini ada beberapa kode untuk beberapa letak posisi iklan. Edit
kode sesuai dengan keterangan lalu paste di sidebar. (Terserah di sidebar yang mana).

Posisi iklan Atas-Kiri

<a href=”http://domainkuasik.com” style=”display:scroll;position: fixed;

top:5px;left:5px;” title=”ganti title anda disini” ><img src=”url
banner“/></a>

Posisi iklan Atas-Kanan

<a href=”http://domainkuasik.com” style=”display:scroll;position: fixed;

top:5px;right:5px;” title=”ganti title anda disini”><img src=”url
banner“/></a>

Posisi iklan Bawah-Kiri

<a href=”http://domainkuasik.com” style=”display:scroll;position: fixed;

bottom:5px;letf:5px;” title=”ganti title anda disini”><img src=”url
banner”/></a>

Posisi iklan Bawah-Kanan

<a href=”http://domainkuasik.com” style=”display:scroll;position: fixed;

bottom:5px;right:5px;” title=”ganti title anda disini”><img src=”url
banner”/></a>

Edit :

1. Ganti warna biru dengan link tujuan yang anda hendaki.

2. Warna merah dengan alamat URL images yang anda miliki.
3. Jika anda ingin mengatur jarak gambar, silahkan edit di bagian kode: 5px;right:5px;

4. Anda juga bisa mengganti posisi images dengan menganti position: fixed; dengan position:
absolute;
position: relative; dan position: static;

Sumber :

http://kianhome.blogspot.com
http://putroweb.blogspot.com