Cara Mudah Membuat Iklan Floating Untuk WordPress

Number of View: 27969
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;
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 :
Facebook comments:
32 Comments to “Cara Mudah Membuat Iklan Floating Untuk WordPress”
Post comment
AudioBook Internet Marketing
Iklan
Layanan Kami
Yahoo Messenger!
Radio Streaming
Advertise
Fans Page
Artikel Terbaru
- Raih Ribuan Dollar dari WSO
- Pentingnya kolom pencarian dan artikel terkait
- 6 Top Broker Forex Trading di Indonesia
- Bisnis Internet Apa Harus Punya Akun Paypal ?
- Masih Perlukah BBM Untuk Bisnis ?
- Follow Up Calon Pembeli Dengan SMS
- Kelemahan Menaruh Banyak Domain Dalam 1 Hosting
- Cara mengatasi tampilan wordpress kacau setelah pindah hosting
- Cara Mengatasi Error Saat Upgrade Plugins WordPress
- Cara Mengatasi Error “553-Can’t open that file: Permission denied” di Filezilla
- Cek Web Anda Secara Berkala
- Cara mengetahui spesifikasi VPS melalui SSH
- Jasa memperbaiki blog wordpress self hosted
- Cara Mengkloning Blog WordPress
- Cara Memindahkan File ke Folder lain via SSH
- Hosting Bayar sekali untuk selamanya (Lifetime), benarkah ?
- Hosting disuspend, datanya hilang ?
- Amankan Domain .NET Anda
- 4 Plugins Untuk Membantu SEO On Page Blog WordPress Anda
- Cara Pindah Hosting antar Server Tanpa Perlu Download SQL
Popular post by view
- Free Download NetCut, Software Pengontrol Koneksi Jaringan Internet - 191984 hits
- Cara Membuat Windows Jadi Hang (1) - 108918 hits
- Cara Memasang Banner Flash di Blog - 95076 hits
- Download Gratis - 93153 hits
- Free Download Yahoo Messenger 10 beta (Offline Installer) - 83638 hits
- Download Software Untuk membuat Animasi Gif. Gratis! - 79933 hits
- Cara Setting Wifi dengan Access Point Wireless Router Linksys Menggunakan Koneksi Telkom Speedy - 79100 hits
- Download Mozilla FireFox 3.5.1 Bahasa Indonesia - 75911 hits
- Cara Download Video Youtube Dengan Sekali Klik - 72138 hits
- Tutorial Cara Setting OpenDNS - 67061 hits
- Awas!!! Password Anda Bisa Dihack!!! - 65905 hits
- Cara Setting Google Public DNS - 58614 hits
- Cara Setting Google Public DNS - 58614 hits
- Cara Setting Google Public DNS - 58614 hits
- Cara Setting Google Public DNS - 58614 hits
- Cara Setting Google Public DNS - 58614 hits
- Percepat Koneksi Internet Anda dengan Google Public DNS - 58406 hits
- Profile - 54771 hits
- 5 Langkah Menulis Komentar yang Menarik! - 50793 hits
- Cara Mengaktifkan Show hidden files yang diubah oleh virus - 48287 hits









Facebook
Twitter
RSS
Siiip. Akhirnya dibahas juga.
Kemaren dah nyob, berhasil. Cuma belum sempat edit2 tata letak iklannya
.-= buJaNG´s last blog ..Mempercepat Loading Akses Halaman Blog =-.
[Reply]
Ini tetap dipasang diwidgetkah…?
[Reply]
@hopskole, tetep bro..

Oh yach.. ada tambahan nih untuk bs menentukan ukuran gambarnya :
Tambahan kode untuk ukuran gambar –> width=”187″ height=”229″
Letakkan kode tersebut setelah url gambar spt di atas.
Contoh hasil kode di atas adalah spt yg terlihat di blog ini.
[Reply]
wah lebar dan tingginya besar sekali muat enggak sidebarnya
.-= ibenzblog baru saja menulis di blog .. Business Writing Checker – How to Write =-.
[Reply]
@ibenzblog, ukurannya kan bisa diatur pak… tambahkan kode : width=”ukuran pixel lebarnya? height=”ukuran pixel tingginya? di antara url gambar dan tanda “>”
[Reply]
kalau yang tahu kalau yang enggak repot juga ya
.-= ibenzblog baru saja menulis di blog .. Business Writing Checker – How to Write =-.
[Reply]
@ibenzblog, hehehe….:P
.-= purba baru saja menulis di blog .. Download Mozilla FireFox 3.5.1 Bahasa Indonesia =-.
[Reply]
ilmunya keren.. tapi nanti ah cobanya
.-= Dinda Watson baru saja menulis di blog .. Membuat Game dengan Power Point =-.
[Reply]
terima kasih sudah posting… informasi yang sangat bermanfaat.. selama ini pake adiwidget yang ngelink ke site dia..
[Reply]
menambahkan sedikit.. untuk wordpress saya, kodenya mesti di paste diatas tag body dan dibawah tag head..
[Reply]
waduh… di wordpress 2.8.3 bisa terpasang tapi kok di wp 2.8.4 ga bisa ya???
[Reply]
Iklannya keren mas, untuk blogspot ada ga kodenya?
[Reply]
[...] Cara Mudah Membuat Iklan Floating Untuk WordPress [...]
Pak kalau untuk Script Adsense Bisa gak yah…???
.-= husna baru saja menulis di blog .. Tips On Keeping Your BlackBerry Password =-.
[Reply]
mask klo kita isi dengan iklan adsense bisa gak?
klo bisa gimana caranya?
.-= indrazakki´s terakhir menulis di blog ..Comment on External 250GB by HARD DRIVE ENCLOSURE >> Hard Drive Enclosures Review | External Hard Drive Enclosure Reference! | HARD DISK RECOVERY – EXTERNAL HARD DRIVE =-.
[Reply]
Thanks bOs atas infonya…
[Reply]
ma kasih tutorialnya…..ya…..
[Reply]
sy pernah coba untuk adsense, tapi ga berhasil… mungkin ada script tambahan dikit kali
[Reply]
Artikelnya menarik dan menambah pengetahuan saya. Untuk masukan, blog ini berat sekali dibuka di komputer saya yang notabene internet lambat karena banyaknya elemen javascript dan flash.
[Reply]
langsung praktek ah…
[Reply]
salam kenal, akhirnya ketemu juga nich info, thanks ya, langsung saya pratekan. Sukses untuk kamu
[Reply]
contohnya seperti blog ini mas??
[Reply]
widih keren banget banget mas,, lagi nyari nyari soal ini.
sip langsung praktek ah kalo berhasil, thanks infonya berguna buat saya
[Reply]
Purba Kuncara Reply:
December 9th, 2010 at 15:26
@budi, sama2 bro
[Reply]
Akhirnya ketemu juga..yes thks
[Reply]
[...] Info: Jika Anda hendak memasang iklan melayang di sidebar, silakan simak tulisan Purba Kuncara dari Ada Bisnis : Cara Mudah Membuat Iklan Floating untuk WordPress. [...]
kalo di posisinya supaya di footer gymana gan? sya dah coba disimpen di widget-tex..muncul sich bannernya tapi di samping? mohon bantuannya
[Reply]
Purba Kuncara Reply:
June 16th, 2011 at 19:11
@poel, kalo difooter tinggal taruh di footer.php
[Reply]
di dashboard, ane kagak nemuin footer. php sebelah mana gan?…adu jadi ngerepoti ney…maklum baru-gan
[Reply]
dari blog sebelah nyasar kesini heheheh dan ternyata belum paham supaya floatnya di fooeter posisi tengah
[Reply]
bang klo bikin iklan floingnya biar bisa di close gimana?
[Reply]
salam kenal,.saya mau tanya cara agar pengunjung ke blog saya banyak giman caranya??mksh
[Reply]