Blog Inspirasi Digital

Blog Inspirasi Digital

Tutorial Mikrotik, Hotspot, Blog, SEO, WEB 2.0, HTML, CSS, Javascript dan Inspirasi Digital

Manajemen Iklan: Random Banner Pada Satu Area

Ada sesuatu yang lucu jika ingat minggu lalu ketika sahabat karib (bukan blogger) menanyakan kepada saya bagaimana menampilkan iklan secara acak (Random banner) dalam satu area. Pertama kali ditanyakan hal ini saya juga kebingungan mau jawab apa, wong blog ini gak pernah ada iklan-nya apalagi mengelola pemasang iklan. Setelah lama bercuap-cuap sahabat saya langsung nyeletuk "katanya blogger mania masa buat koding untuk iklan aja gak bisa" Gubraaakkkk, gila.. nantang bener nih orang. saya balas bertanya "kalo om bisa dikasih apa??" teman saya menjawab "saya traktir makan di cak koting (tempat makan terkenal di yogya)" OK, kasih om waktu satu hari, kemudian kami pun bersalaman tanda sepakat. (akhirnya..om ditraktir makan hehehe)


Back ke laptop....sebenarnya membuat Iklan (Banner) satu tampilan dalam satu area tidak terlalu sulit, kita hanya tinggal mengarahkan saja ke lokasi gambar, namun yang jadi masalah bagaimana jika kita mempunyai 10 pemasang iklan yang ingin ditampilkan dalam satu lokasi area, ini yang munkin menjadi kendala utama pengelola iklan. Perlu diketahui bahwa banner yang kita buat nanti hanya pada  Image Banner bukan sebagai Text Banner, iklan ini akan tampil secara acak jika pengunjung melakukan reload atau refresh pada halaman. Lihat Random Banner dengan iklan Dmoz dibawah sebagai contoh:




Contoh kode Dengan Javascript :


<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var jumlah_iklan = 3;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt="
Tulis Title";
url="
Alamat URL";
alt="
Alamat URL";
banner="
Alamat URL Gambar";
width="
468";
height="
60";
}
if (pasang_iklan==2) {
txt="
Tulis Title";
url="
Alamat URL";
alt="
Alamat URL";
banner="
Alamat URL Gambar";
width="
468";
height="
60";
}
if (pasang_iklan==3) {
txt="
Tulis Title";
url="
Alamat URL";
alt="
Alamat URL";
banner="
Alamat URL Gambar";
width="
468";
height="
60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_top\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>



Penjelasan:


Jika ingin menambah jumlah iklan tinggal menambahkan saja code script-nya, contoh diatas kita mempunyai 3 jumlah iklan yang ditampilkan, jika rencana menambah 1 iklan lagi jangan lupa juga menambahkan nilai baru dengan 4, begitupun seterusnya.  Lihat contoh kode dibawah:


if (pasang_iklan==4) {
txt="
Tulis Title";
url="
Alamat URL";
alt="
Alamat URL";
banner="
Alamat URL Gambar";
width="
468";
height="
60";
}


Ups hampir lupa, jangan lupa menambah total jumlah iklan yang ditampilkan, Contoh: var jumlah_iklan = 4;

 

Selamat Mencoba, Happy Blogging :)

 

ADA YANG MAU PASANG IKLAN DI BLOG INI ?? bisa hubungi saya via email:  oom [at] o-om [dot] com


64 komentar:

  1. dot serv11/1/08

    premium ...eh salah pertamax

    BalasHapus
  2. Anonim11/1/08

    ikutan promosi ah, ayo siapa yang pasang iklan di blogku :D

    BalasHapus
  3. afrid11/1/08

    makasih ya oom, udah berhasil dan sukses besar. padahal kode ini yg aku tunggu-tunggu dari dulu. sekarang udah terpasang nih di blog ku.

    dateng ya oom, lihat-lihat gambar naruto nya udah bisa ganti-ganti. yhanks ya

    BalasHapus
  4. Boleh juga nich o-om, kayaknya bisa untuk aplikasi lain nich, pasang gambar kali ya... sip dah

    BalasHapus
  5. iya kode diatas sebenarnya om desain buat iklan...tapi kalo mau di modifikasi, misalkan buat poto atau apa saja tergantung mau di pake buat apa :)

    BalasHapus
  6. om izin pake scripnya nih, saya lihat di Firefox juga bekerja dengan baik

    BalasHapus
  7. >> kang rohman : silahkan kang...halah kang rohman kaya dengan siapa aja hehehehe

    BalasHapus
  8. mas, saya sudah coba dengan 3 banner ukuran 468x60
    tapi kok saat tampil, banner mengalami stretching alias melebar atas bawah ya?
    trims atas jawabannya....

    BalasHapus
  9. Anonim14/3/08

    Baru nyoba pasang script di atas. Berhasil dengan mudah. Muantabs...

    BalasHapus
  10. george21/4/08

    Tq om.. bravo..banner nya jalan.
    Ada cara lain supaya banner berganti tanpa harus reload om...

    BalasHapus
  11. @anangyb : dicoba lagi aja ya mungkin ada kode yang gak ke copy-paste

    @opiniherry : sip dah kalo berhasil

    @george : kalo gak salah ada tapi coba dicari di blog om :)

    BalasHapus
  12. wetz , om emang paling jago dah masalah ginian !

    smoga ntar gw gede'y bisa jago codingan sama kaya om deh .
    [anak IT binus nih]

    hahahahaha .. xp

    thanks yah om . :)

    btw , boleh tukeran link ga ? ^^

    BalasHapus
  13. @**Promotion Team** : thanks juga ya..semoga cepat gede (gede apa nih?) :)

    BalasHapus
  14. smoga cepet gede itu'y aja deh .
    [itu'y apa lagi nih ?]
    hahahaha .. xp

    BalasHapus
  15. Om kalo random banner-nya tepat ada dibawah posting diatas komment.... Kita nyimpen kode html itu dimana....??? Dan nantinya otomatis ada diposisi itu disemua posting......
    Cepetan dijawab yah.. Saya tunggu!!!

    BalasHapus
  16. @pascal : coba kodenya pasang di bawah kode ini..buka dulu edit html..trus beri tanda centang.

     <div class='post-body entry-content'>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <style>.fullpost{display:inline;}</style>

    <p><data:post.body/></p>

    <div style='float:left; margin-left:0px;'>
    ............

    BalasHapus
  17. Seminggu kemaren saya coba pasang random banner ini om, tapi akhir2 ne ko bannernya ga keluar sama sekali. padahal dah ikutin caranya. Kenapa ya om?

    BalasHapus
  18. oom,,klo iklannya d pasang kyk punya oom d atas ntu gmn caranya..yg deket gmbr oom itu loh..

    BalasHapus
  19. bang ak coba kok g bisa..:(( klo itu d kasih contoh kongkretnya gimana tu,,,:D

    BalasHapus
  20. malam OM,
    yang ini diganti ya om ...

    var waktu_sekarang = new Date()
    var detik = waktu_sekarang.getSeconds()

    BalasHapus
  21. o-om tolong dong contoh pengisian skrip :
    url="Alamat URL";
    alt="Alamat URL";
    banner="Alamat URL Gambar";
    karena aku belum paham, sudah dicoba belum berhasil, trims banget atas jawannya.
    www.tulisantinta.co.cc

    BalasHapus
  22. @Karno :
    Url: linktujuan
    alt: namalink
    banner: alamat lokasi tempat nyimpan gambar :)

    BalasHapus
  23. andi-dobleh7/9/08

    makasih ya om.. dah bisa pasang random banner.. akhirnya setelah ngutak utik 1/2 jam.. ternyata cuma salah ketik 1 huruf.. :((
    tapi seneng juga akhirnya bisa ;))

    BalasHapus
  24. o-om...makasiiihh... banget....
    akhirnya bisa juga banner di blog-ku ganti-ganti.. :))

    BalasHapus
  25. Wah mantap ilmunya,mas. Ijin sedot dan dipake..
    Thx much

    BalasHapus
  26. thanks mas oom ilmunya sudah saya pakai di blog saya...

    BalasHapus
  27. O-om minta ijin ya buat dicoba dipasang scriptnya di PASAR BECEK (wah dah banyaknya ni panduan yang dipake dari Oom..jadi enak nih pake gratisan mulu hehe)

    Sama kalo punya banner horisontal boleh gak dikirim scriptnya ke email arn_yogya@yahoo.com skaligus buat jadi sponsor site di blog PASAR BECEK ya..

    Kalo sempet mampir O-om ke PASAR BECEK, nuhun...

    Adi W
    http://www.konsultanide.co.nr

    BalasHapus
  28. nah ini yang aku cari2 hehhe

    BalasHapus
  29. :X ikutan ah..salam kenal om...senang rasanya ketemu denga blog yang penuh inspirasi ini...saya banyak dapat ilmu baru lagi nih...
    Klo tidak keberatan saya juga mo numpang tukeran link blog nih Om..makasih ya Om... :-^

    BalasHapus
  30. saya baru pertama kali masuk ke website ini, saya sangat terkesan dengan konten yang ada di website ini, thank atas trik dan tips nya

    BalasHapus
  31. banner iklannya bisa dibuat biar agak lambat nggak om?

    BalasHapus
  32. pagi gi nyari srcipt random banner, nemu blog ini. saya dah coba dah jalan (untuk statik images).

    nak yang mau saya tanyakan, bagaimana kalo ada 2 iklan banner, yang satu imagenya langsung dipanggil dg img src, yg satau banner dr google adsesen, kan imagenya g isa dipanggil langsung alias pake javascript juga, apa disusupkan javascript di dalam javascript? saya dah coba tapi gagagl

    terimakasih

    BalasHapus
  33. om gimana nich kodenya dipasang dimana setelah kode apa??? udah dicoba tapi muncul pesan :
    ""Maafkan kami, tapi kami tidak dapat menyelesaikan permintaan Anda."" gimana bingung nich

    maspengky.blogspot.com

    BalasHapus
  34. trackert39@gmail.com19/11/08

    mo nanya om gimanatu pasang readers by feedburner dblog bingungs aku soalnya pemulani! om

    BalasHapus
  35. Makasih Om,,,
    gak pernah rugi deh mampir di blog oom ;;)

    BalasHapus
  36. Anonim20/1/09

    makasih om infonya...
    tapi mau nanya nih om... :)
    ini kan buat 1 banner, gimana kalo lebih dari 1 banner yang tampil?

    BalasHapus
  37. om, mo nanyak.... klu gambar randomnya di klik tapi di tab baru, kodenya gimana om

    BalasHapus
  38. wahhh mas..... tutorialnya bagus-bagus...
    lumayan buat tambah-tambah ilmu...

    BalasHapus
  39. hoho.... thank you sekali oooommmm..... semua yang ada di blog gw.. hasil nyari tutorial disini semuaaaa...

    BalasHapus
  40. wah.. oke banget om artikelnya, bener2 solusi buat saya yang pengen masang banner2 dari program online yg sudah saya ikutin, kan jelek klo mo dijejer di semua banner, kesannya maksa banget buat ditampilin, padahal bisa bikin loading blog-nya jadi lama. atur nuhun, tararengqyu.

    BalasHapus
  41. bagus jg neh..bs ngirit tempat bwt baner iklan. para blogger mangga mampir di blog-ku...

    BalasHapus
  42. Mantap nih infonya... :D
    udah lama nyari akhirnya ketemu juga...
    makasih om...

    BalasHapus
  43. om, ko saya udah pasang masih ga random sih ???

    Tolong plisss...

    nih blog aku http://ptcbilion.blogspot.com

    BalasHapus
  44. oom kalo pasang iklan pas di bawah posting gmn? saya pake read more (part2) milik om. Kalo yg pake read more yg manual kan biasanya kode scriptnya di parse trus di letakkan pas di bawah kode [<]data[:]post.body[/][>].

    Pas saya letakkan di bawah itu malah nongol di bagian atas posting. Gimana caranya supaya bisa dilihat hanya saat klik READ MORE???

    Maaf banyak nanya! hehe.. sukses oom!

    BalasHapus
  45. kereeennn kodenya....
    coba dulu....

    BalasHapus
  46. Mas kalo pengaturan waktunya gimana, agar banner bisa tampil secara acara tanpa harus reload, alias kita atur berdasarkan waktu setiap detik banner tersebut bergantian.

    thank

    BalasHapus
  47. Om makasih infonya,.,.
    tapi kalu mau dipasang persis di bawah postingan gmana caranya Om?

    BalasHapus
  48. Makasih banget ya om... your is the real my blogger partner (maksudnya apa yah, hehe... ). Pokoknya pas saya butuh sesuatu perubahan dlm blogku, saya pasti mampir kesini. Silahkan mampir blogku ya om u/ lihat hasil-hasil kreasi om yang saya rasa juga sudah terpampang di hampir semua blogger Indonesia. Oy om, saya minta ijin untuk memasang link O-OM.COM di blog saya, maaf kalo udah saya pasang duluan (boleh apa gak om?)... Tp sy gak tau apa link itu Nofollow atau Dofollow. Sekali lagi terimakasih om...

    -Salam Netpreneur-

    BalasHapus
  49. makasih om......tipsX.........q suka ni.......:D

    BalasHapus
  50. scriptnya keren boz,,,
    thank you for infonya

    BalasHapus
  51. izin nanya, om saya ingin menampilkan beberapa gambar dalam 1 gadget, udah dicoba kode yang di atas, tapi munculnya cuma satu gambar bisa gak supaya tampil semuanya...???

    bisa review di haira-belajarbisnis.blogspot.com

    mohon komentar dan sarannya

    Trim's

    Haer

    BalasHapus
  52. Slama Sukses. timakasih tips nya. agan agan mampir yahh..

    BalasHapus
  53. Terima kasih banyak atas scriptnya. sungguh-sungguh bermanfaat bagi saya. sukses ya . . . thanks.

    View Advertisement

    BalasHapus
  54. saya udah pernah pake yang kaya gini, tapi scriptnya hilang untung ktemu lagi disini ...


    makasih banyak ya kang.

    BalasHapus
  55. Oom...kunjungi blog saya di bandung-cyber-community, tolong kasih komen n saran n apa saja yang saya hrs lakukan biar blog saya tertata rapih. Tks Mas sebelumnya.

    BalasHapus
  56. sip dah,, makasih share inponya

    BalasHapus
  57. mantap om

    terima kasih
    kalau di pasang buat GA aman ga' ya??..

    BalasHapus
  58. Oom, kalo pengen link yg ada di banner itu terbuka di tab baru, gimana caranya?

    BalasHapus
  59. makasih om, dah berhasil dicoba ni, tapi kodenya sedikit dirubah ya karena cuma mau nampilin gambar aja soalnya :-)

    BalasHapus
  60. Anonim14/6/12

    oom yg baek...
    ijin niubi nanya ya...
    kalo bikin 5 tampilan iklan mobile (misal:admob),dlm 1 hlmn,pd wordpress..gimn ya caranya...
    ajarilah saya yg gaptek :)
    tengkyu..

    BalasHapus
  61. Mantap, sangat bermanfaat

    BalasHapus
  62. Sob,,saya mau tanya jika manajmen agar iklan dalam beberapa detik sekali otomatis ganti itu gmna sob?

    BalasHapus

Silahkan beri komentar dengan bijak dan sesuai dengan topik artikel, karena semua komentar akan saya moderasi terlebih dahulu sebelum ditampilkan. Thanks :)

 

Back to Top