Cara Mudah Membuat Iklan Floating Untuk WordPress

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 :

36745 Total Views 1 Views Today

One thought on “Cara Mudah Membuat Iklan Floating Untuk WordPress

Leave a Reply to asran redfieldCancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.