Submit

61
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



Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari o-om.com di inbox anda:


61 comments:

dot serv mengatakan...

premium ...eh salah pertamax

fuadpahing mengatakan...

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

afrid mengatakan...

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

Lilik mengatakan...

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

oom mengatakan...

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 :)

Hariannya Madong mengatakan...

Begitu yach......

Rohman mengatakan...

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

Agus (o-om) mengatakan...

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

anangyb mengatakan...

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

opiniherry mengatakan...

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

george mengatakan...

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

OOM mengatakan...

@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 :)

**Promotion Team** mengatakan...

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 ? ^^

OOM mengatakan...

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

**Promotion Team** mengatakan...

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

Pascal mengatakan...

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!!!

OOM mengatakan...

@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;'>
............

Angga mengatakan...

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?

Nova mengatakan...

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

Nova mengatakan...

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

D i d i mengatakan...

malam OM,
yang ini diganti ya om ...

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

Karno mengatakan...

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

OOM mengatakan...

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

andi-dobleh mengatakan...

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 ;))

ocid mengatakan...

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

Blogendeng mengatakan...

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

Imam Malik mengatakan...

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

PASAR BECEK mengatakan...

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

atok mengatakan...

nah ini yang aku cari2 hehhe

oentoe_09 mengatakan...

: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... :-^

deden77 mengatakan...

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

Eka Prasetya mengatakan...

banner iklannya bisa dibuat biar agak lambat nggak om?

Drajat Ahmad G mengatakan...

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

maspengky mengatakan...

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

trackert39@gmail.com mengatakan...

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

Deta Deswi Diatika mengatakan...

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

fauzy mengatakan...

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

ilham maulana mengatakan...

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

trik-dahsyat mengatakan...

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

trik dahsyat mengatakan...

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

Junardi mengatakan...

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.

Qasiem mengatakan...

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

Toto mengatakan...

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

Uda Wahyudi mengatakan...

om, ko saya udah pasang masih ga random sih ???

Tolong plisss...

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

Avan mengatakan...

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!

veRn mengatakan...

kereeennn kodenya....
coba dulu....

Mr. Udien mengatakan...

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

Sodiyc&amp;acun mengatakan...

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

Aprian Ramadhani mengatakan...

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-

achmad-punya blog mengatakan...

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

ariyanto mengatakan...

scriptnya keren boz,,,
thank you for infonya

haira mengatakan...

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

pulsa via paypal mengatakan...

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

Admin mengatakan...

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

View Advertisement

bandot mengatakan...

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


makasih banyak ya kang.

christian mengatakan...

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.

Mp3 Review mengatakan...

sip dah,, makasih share inponya

Indobacklinks mengatakan...

mantap om

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

Bintaro Properti mengatakan...

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

kriPICS mengatakan...

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

yusuf sukandar mengatakan...

nice

Poskan Komentar

Silahkan beri komentar dengan bijak dan jangan sampai komentar anda masuk dalam {COMMENTS SPAM}. Thanks

 

About Agus Ramadhani

Agus RamadhaniAgus Ramadhani dan lebih dikenal dengan panggilan OOM memulai kegiatan Blogging sejak tahun 2007 hingga sekarang. Saat ini dia focus sebagai profesional Blogger dan menjadi penulis dibeberapa blog miliknya yang cukup populer diantaranya..

Anda dapat menemukan OOM pada Twitter, Facebook dan Google+ dan Anda juga dapat menghubunginya di oom[at]o-om.com

GRATIS BLOGGER TEMPLATES

  
Segera konfirmasi email anda agar saya bisa mengirimkan template terbaru gratis ke email anda.