Jul

24

32

Cara Mudah Membuat Iklan Floating Untuk WordPress

admin    General, Graphics, Tutorials    

Number of View: 23597

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

Artikel Yang Berhubungan :

• Memasang Icon YM Floating / Melayang
• Cara Memasang Banner Flash di Blog
• Cara Mengetahui Size dan Load Time Blog Anda
• Free Download : HTML Color Picker, Software Untuk Menampilkan Kode Warna HTML
• Cara Memasang Script Whois Domain
• Jasa Instalasi AutoResponder Self Hosted
• Kontes SEO bulan April 2011
• Jasa Pembuatan Akun Google Adsense
• Cara mengetahui Whois suatu Domain
• Gabung sebagai Affiliate KLIKHOST.com
• Powered by Contextual Related Posts

32 Comments to “Cara Mudah Membuat Iklan Floating Untuk WordPress”

• 

  buJaNG July 27, 2009 at 08:35

  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]
• 

  hopskole July 27, 2009 at 08:36

  Ini tetap dipasang diwidgetkah…?

  [Reply]
• 

  purba July 27, 2009 at 08:46

  @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]
• 

  ibenzblog July 30, 2009 at 17:55

  wah lebar dan tingginya besar sekali muat enggak sidebarnya
  .-= ibenzblog baru saja menulis di blog .. Business Writing Checker – How to Write =-.

  [Reply]
• 

  purba July 30, 2009 at 18:11

  @ibenzblog, ukurannya kan bisa diatur pak… tambahkan kode : width=”ukuran pixel lebarnya? height=”ukuran pixel tingginya? di antara url gambar dan tanda “>”

  [Reply]
• 

  ibenzblog July 30, 2009 at 20:56

  kalau yang tahu kalau yang enggak repot juga ya
  .-= ibenzblog baru saja menulis di blog .. Business Writing Checker – How to Write =-.

  [Reply]
• 

  purba July 31, 2009 at 12:21

  @ibenzblog, hehehe….:P
  .-= purba baru saja menulis di blog .. Download Mozilla FireFox 3.5.1 Bahasa Indonesia =-.

  [Reply]
• 

  Dinda Watson August 9, 2009 at 00:19

  ilmunya keren.. tapi nanti ah cobanya
  .-= Dinda Watson baru saja menulis di blog .. Membuat Game dengan Power Point =-.

  [Reply]
• 

  bmt-link online August 21, 2009 at 16:54

  terima kasih sudah posting… informasi yang sangat bermanfaat.. selama ini pake adiwidget yang ngelink ke site dia..

  [Reply]
• 

  bmt-link online August 21, 2009 at 16:56

  menambahkan sedikit.. untuk wordpress saya, kodenya mesti di paste diatas tag body dan dibawah tag head..

  [Reply]
• 

  bmt-link online August 21, 2009 at 17:45

  waduh… di wordpress 2.8.3 bisa terpasang tapi kok di wp 2.8.4 ga bisa ya???

  [Reply]
• 

  My X Note August 22, 2009 at 01:32

  Iklannya keren mas, untuk blogspot ada ga kodenya?

  [Reply]
• AXIOO Pico DHN 618 X3HMW, Netbook Touch Screen Harga Ekonomis « Cara mudah bisnis melalui peluang usaha untuk dapat duit dari internet August 26, 2009 at 19:35

  [...] Cara Mudah Membuat Iklan Floating Untuk WordPress [...]
• 

  husna September 24, 2009 at 13:45

  Pak kalau untuk Script Adsense Bisa gak yah…???
  .-= husna baru saja menulis di blog .. Tips On Keeping Your BlackBerry Password =-.

  [Reply]
• 

  indrazakki December 14, 2009 at 06:45

  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]
• 

  Rudini Silaban March 9, 2010 at 20:48

  Thanks bOs atas infonya…

  [Reply]
• 

  dika May 8, 2010 at 15:44

  ma kasih tutorialnya…..ya…..

  [Reply]
• 

  uphy June 21, 2010 at 11:20

  sy pernah coba untuk adsense, tapi ga berhasil… mungkin ada script tambahan dikit kali

  [Reply]
• 

  Softlize July 11, 2010 at 13:30

  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]
• 

  ary August 19, 2010 at 08:44

  langsung praktek ah…

  [Reply]
• 

  cara mudah dapat dollar gratis August 24, 2010 at 09:49

  salam kenal, akhirnya ketemu juga nich info, thanks ya, langsung saya pratekan. Sukses untuk kamu

  [Reply]
• 

  mubaroki September 13, 2010 at 23:45

  contohnya seperti blog ini mas??

  [Reply]
• 

  budi December 9, 2010 at 13:57

  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]
• 

  awanasta December 18, 2010 at 08:31

  Akhirnya ketemu juga..yes thks

  [Reply]
• Cara Membuat Floating Banner di Footer WordPress | DkSaka's April 22, 2011 at 21:14

  [...] Info: Jika Anda hendak memasang iklan melayang di sidebar, silakan simak tulisan Purba Kuncara dari Ada Bisnis : Cara Mudah Membuat Iklan Floating untuk WordPress. [...]
• 

  poel June 15, 2011 at 15:17

  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]
• 

  poel June 17, 2011 at 08:34

  di dashboard, ane kagak nemuin footer. php sebelah mana gan?…adu jadi ngerepoti ney…maklum baru-gan

  [Reply]
• 

  abu July 15, 2011 at 16:42

  dari blog sebelah nyasar kesini heheheh dan ternyata belum paham supaya floatnya di fooeter posisi tengah

  [Reply]
• 

  eko marwanto August 8, 2011 at 19:53

  bang klo bikin iklan floingnya biar bisa di close gimana?

  [Reply]
• 

  adi sukma August 10, 2011 at 13:34

  salam kenal,.saya mau tanya cara agar pengunjung ke blog saya banyak giman caranya??mksh

  [Reply]

Post comment

Click here to cancel reply.

Name (required)

Mail (will not be published) (required)

Comment

[+] kaskus emoticons

Click to cancel reply