Buat Wadah Iklan 4 Banner 125x125

Obachti 95

Blogger friendly sharing

Buat Wadah Iklan 4 Banner 125x125

Jane Doe By Jane Doe 38
- Wadah iklan banner 125x125 banyak sekali fungsinya dan kelebihannya bagi kalian yang mendesain blog untuk mencari receh dari internet. Tampilan yang biasa di gunakan seperti ini :


Cara Membuat Wadah Iklan Banner 125x125 :

1. Masukan Kode CSS berikut, Tepatnya diatas ]]></b:skin>


#ilhamads {margin:0px;padding:0px;text-align:center}
#ilhamads  img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#ilhamaads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}

Save, dan kemudian.....

2. Masukan Pada add Gatged >> HTML/JavaScript kode dibawah ini :


<div id="ilhamads">
<a href="http://obachti-95.blogspot.com/2012/06/contact-me.html" target="_blank" title=" TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXfPgMLYXqAUsHzk6DEU3AGl4Gjfw1zobEWK7s_ye8lZh2zmu4ERM0hpY-bAv-3btHU1NOkwAENIgrZPQIF6Ehxhj2JS830T-8AgBwy2-RVe52j5PxROJJgYb2Wg_kXtNhP0hNvIAXmJhw/s128/95%20Ads.jpg" /></a>
<a href="http://obachti-95.blogspot.com/2012/06/contact-me.html" target="_blank" title=" TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXfPgMLYXqAUsHzk6DEU3AGl4Gjfw1zobEWK7s_ye8lZh2zmu4ERM0hpY-bAv-3btHU1NOkwAENIgrZPQIF6Ehxhj2JS830T-8AgBwy2-RVe52j5PxROJJgYb2Wg_kXtNhP0hNvIAXmJhw/s128/95%20Ads.jpg" /></a>
<a href="http://obachti-95.blogspot.com/2012/06/contact-me.html" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXfPgMLYXqAUsHzk6DEU3AGl4Gjfw1zobEWK7s_ye8lZh2zmu4ERM0hpY-bAv-3btHU1NOkwAENIgrZPQIF6Ehxhj2JS830T-8AgBwy2-RVe52j5PxROJJgYb2Wg_kXtNhP0hNvIAXmJhw/s128/95%20Ads.jpg" /></a>
<a href="http://obachti-95.blogspot.com/2012/06/contact-me.html" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXfPgMLYXqAUsHzk6DEU3AGl4Gjfw1zobEWK7s_ye8lZh2zmu4ERM0hpY-bAv-3btHU1NOkwAENIgrZPQIF6Ehxhj2JS830T-8AgBwy2-RVe52j5PxROJJgYb2Wg_kXtNhP0hNvIAXmJhw/s128/95%20Ads.jpg" /></a>
</div>

Keterangan:


  • Kode warna merah adalah Link untuk gambar. bisa kamu ganti jika kurang bagus menurut kamu.
  • Kode yang berwarna biru adalah Link gambar. Kemmana nantinya gambar tersebut akan tertuju saat ada yang mengklik. Jika kamu belum punya iklan sebaiknya Arahkan pada link dimana seorang bisa menghubungi kamu.
  • Kode diatas hanya untuk menampilkan 4 banner 125x125. Jika 4 gambar kamu rasa kurang, bisa tambahkan sendiri scripnya. Yaitu, dengan menambahkan script berikut diatas kode </div>

<a href="http://obachti-95.blogspot.com/2012/06/contact-me.html" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXfPgMLYXqAUsHzk6DEU3AGl4Gjfw1zobEWK7s_ye8lZh2zmu4ERM0hpY-bAv-3btHU1NOkwAENIgrZPQIF6Ehxhj2JS830T-8AgBwy2-RVe52j5PxROJJgYb2Wg_kXtNhP0hNvIAXmJhw/s128/95%20Ads.jpg" /></a>

Script diatas menyediakan 1 ruang gambar, sebaiknya tambahkan dengan dengan jumlah genap agar tampilan lebih rapi.

38 comments

  1. kayanya suatu saat ane juga perlu nih, di save dulu deh, ntar bisa mampir dimari kalo mau bikin ruang iklan yang keren...

    ReplyDelete
  2. wuih matep deh tutorialnnya, jadi bisa 4 kolom lapak iklannya, heheheh

    ReplyDelete
  3. wahhh manteb nih,, untuk berbisnis :D
    saya pernah nyoba nih sob, tapi para advertiser gak ada yang mau masang kasian :D

    ReplyDelete
    Replies
    1. hadir lagi untuk menyapa, dan memberi semangat baru di pagi ini :)

      Delete
  4. keren nih sob,
    tp saya masih nunggu approval dr Adsense dulu :D

    ReplyDelete
    Replies
    1. pokoknya nunggu update deh disini,
      sambil minum kopi :D

      Delete
  5. boleh nih di pasang,,tapi besok aja kalau udah ada yang mw pasang

    ReplyDelete
  6. ijin seve dulu sob,, kayaknya ane perlu banget sob tapi g sekarang,, hehe,,

    ReplyDelete
  7. waah rupanya ada car khusus untuk memmasang banner 125 ya.. tapi publisher jarang ada yang memberikan banner ukuran125 x 125 ya.. wah sankyu sob :)

    ReplyDelete
  8. wah.. okee nih sob.. :D tapi sayang.. mungkin kalo ditambah ke blog saya bakal loading nya makin lama.. hehehe... di save dulu lah.. :D

    oai.. silakan dicek peningkatannya hari pertama Trackernya.. :D (hari ini)

    ReplyDelete
  9. Thanks gan, sering lihat banner kayak gitu di blog hehee...

    ReplyDelete
  10. Wah,,, ini yang mantab ne... ijin comot Gan... :D
    Hadir selalu di sini dengan bawa oleh2 MP3 Inspiratif Bag. XVI, ditunggu lawatan baliknya, Thanks, Salam bLogger :)

    ReplyDelete
  11. sampai saat ini sih belum perlu yang ini. tapi boleh juga buat literatur ke depan, siapa tau pengin nyoba, hehe. asiik.

    ReplyDelete
  12. hadir lagi nih sobat...
    wah manteb juga nih yah... lupa saya bookmark..
    nih saya CTRL + D dulu :D

    ReplyDelete
  13. postingan yang bagus tentang buat wadah iklan 4 banner 125x125

    ReplyDelete
  14. waaah terima kasih sudah berbagi bang..
    maaf baru nongol..

    ReplyDelete
  15. thx ilmux gan.., tuk sementara sy blom ada rencana tuk pasang iklan..

    selamat berakhir pekan ya.. *smile

    ReplyDelete
  16. seperti biasa, pasti adminnya lagi malmingan nih :D

    ReplyDelete
  17. ijin menyimak saja..ilmunya blom bs saya serap sempurna krn biasanya mnt tlong dg ahlinya sja heeee

    ReplyDelete
  18. Bagus ini untuk referensi suatu saat kalo sudah perlu hehe. Thanks sobat tipsnya.

    ReplyDelete
  19. saya juga pengen pasang yang seperti ini, tapi masih berpikir meletakkannya disebelah mana.. :)

    ReplyDelete
  20. info yang bermanfaat sobat...
    Bisa di terapkan nih di blogku

    ReplyDelete
  21. disimpen dulu gan, sapa tahu nanti butuh di salah satu blog saya. thank ya

    ReplyDelete
  22. sebelum kerja, mampir dulu sini ah, happy blogging sob:}

    ReplyDelete
  23. Happy blogging sob, ane lagi di malang nih :D
    wkwkwkwk..

    ReplyDelete
  24. terima kasih tutorialnya gan.. sudah saya praktekkan ..

    ReplyDelete
  25. saya belum pasang nih di blog, masih nunggu di approve, lama nian hehe

    ReplyDelete
  26. ga bisa di ambil scripnya gan..... ga bisa di copy

    ReplyDelete
    Replies
    1. bisa gan, itu emang tulisannya saya buat hitam pas di block.

      Delete

Post a Comment