Cara Mudah Membuat Iklan Floating Untuk WordPress

Posted on

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 :

14537 Total Views 5 Views Today

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

[+] kaskus emoticons