under development....
exchange link with us!!


cara membuat Random rotating banner ads

Bila beberapa waktu yang lalu saya telah membuat tulisan mengenai random rotating header image untuk blogger di sini, maka sekarang mas Aan ingin menulis mengenai cara menampilkan random rotating banner ads di blogger.

Cara ini berawal dari keinginan saya untuk menampilkan banyak banner iklan tapi tidak memakan banyak tempat. Mas Aan sempat stress karna mencoba banyak script random rotating image atau yang lainnya ke blogger tapi tak satupun yang sukses alias berhasil. tapi, pada akhirnya mas Aan berhasil mengimplementasikan satu script yang sangat sederhana untuk random rotating banner ke blogger.Pokoknya, sangat mudah dan ringkas.

Dengan script simple random rotating banner ads ini, rekan-rekan bisa memasang banyak banner tanpa terbatas dalam satu tempat dengan catatan usahakan banner memiliki ukuran yang sama. dan banner image tersebut akan tampil secara bergantian secara acak setiap kali halaman di load atau refresh. Dipastikan, pengunjung blog rekan-rekan tidak akan melihat banner yang itu-itu saja. Untuk contoh implementasi dari script random rotating banner ini, silahkan rekan-rekan lihat banner yang ada di bagian atas blog ini. Coba refresh halaman, maka rekan-rekan akan mendapati banner lain dan berbeda dari yang muncul sebelumnya..

Bagaimana? tertarik? kalau sudah penasaran, sekarang saatnya untuk beraksi.

  • dari dashbor blog rekan -rekan pilih"Tata Letak"
  • setelah ada di halaman "Element Halaman" klik "Tambah Gadget"
  • dari pop up yangmuncul, pilih yang "Html/JavaScrpt"
  • copy kode dibawah ini lalu paste di kotak pop-up html/javascript yang muncul :
    <SCRIPT  LANGUAGE="JavaScript"> 
    <!-- Begin
    var how_many_ads = 3;
    var now = new Date()
    var sec = now.getSeconds()
    var ad = sec % how_many_ads;
    ad +=1;
    if (ad==1) {
    txt="The World's Largest Online Bookstore, Amazon.com";
    url="http://www.amazon.com";
    alt="amazon.com";
    banner="http://imageserv.imgis.com/images/Ad12669St1Sz1Sq1_Ban1.gif";
    width="468";
    height="60";
    }
    if (ad==2) {
    txt="Palm III by 3Com, in stock!";
    url="http://cybershop.com/";
    alt="cybershop.com";
    banner="http://imageserv.imgis.com/images/Ad13189St1Sz1Sq5_Ban10.gif";
    width="468";
    height="60";
    }
    if (ad==3) {
    txt="Find it at GoTo.com";
    url="http://www.goto.com";
    alt="goto.com";
    banner="http://imageserv.imgis.com/images/Ad13700St1Sz1Sq1_Ban1.gif";
    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>
  • simpan perubahan, selesai.

Simple dan mudah bukan? mas Aan yakin, tanpa penjelasan pun rekan-rekan sudah tahu pemakaian script random rotating banner ads ini. Tapi baiklah, saya terangkan sedikit.
Pada kode yang diberi warna merah atau var how_many_ads = 3;, tulis jumlah banne yang akan ditampilkan, sesuaikan dengan jumlah banner rekan-rekan. kalau mau menampilkan 10 banner, ganti 3 dengan 10.
Lalu pada kode yang saya beri warna putih, adalah penempatan kode baner rekan rekan:

if (ad==1) {
kode urutan banner, banner nomor 2 berarti ganti angka 1 dengan 2, dan seterusnya.
txt="The World's Largest  Online Bookstore, Amazon.com";
ganti dengan tulisan apapun tentang banner tersebut. semisal" dapatkan duit gratis" dsb.tulisan akan muncul di bawah banner dengan ukuran kecil. kalau mau, bisa dikosongkan.
url="http://www.amazon.com";
url tujuan banner rekan-rekan. maksunya, ganti dengan url banner rekan- rekan.
banner="http://imageserv.imgis.com/images/Ad12669St1Sz1Sq1_Ban1.gif";
alamat lokasi penyimpanan image banner rekan -rekan.

Nah, sangat mudah bukan? kalau masih ada yang bingung, silahkan tinggalkan komentar.

diizinkan untuk copy paste artikel yang ini 
dengan mengharuskan anda untuk mencamtumkan sumber
tulisan (http://cominfo-indonesia.blogspot.com )dan link ke halaman tulisan ini.

HAPPY BLOGGING

mau software dibawah ini? klik saja untuk mendownload!! GRATIS!!

kalau mau download, klik disini!!

Tutorial Yg Masih Berhubungan



20 komentar:

Anonimmengatakan... Pada: 2 Desember 2008 pukul 23.53  

wah mas a an ini mantap postinganya nanti di coba mas :)

mas Aan mengatakan... Pada: 3 Desember 2008 pukul 00.05  

@mas Eko Priyanto#
makasih mas atas kunjungannya, salam kenal aza.

Anonimmengatakan... Pada: 3 Desember 2008 pukul 06.51  

Salam kenal, semoga bisa bersahabat

mas Aan mengatakan... Pada: 4 Desember 2008 pukul 06.37  

@ Indra Meisa#
salam kenal juga mas indra, saling kunjung ya.. he he

Anonimmengatakan... Pada: 4 Desember 2008 pukul 07.21  

Ah ga juga tuh, kontes nya bukan buat bikin ngetop blog ko, cuma kebetulan ada domain yang ga di pakai baru 2 bulan, jadi mendingan di kasih aja buat orang lain. Tapi sekalian juga sih biar blog terkenal hehehehehehehe.............

Anonimmengatakan... Pada: 22 Desember 2008 pukul 21.24  

wow...patut dicoba nih...

mas Aan mengatakan... Pada: 23 Desember 2008 pukul 07.33  

@ casual cutie#
makasih ya atas kunjungannya...

Anonimmengatakan... Pada: 1 Januari 2009 pukul 20.11  

wow...mantab deh..
casual cutie pengen coba tp belum ngerti2 amat sih.
met taun baru ya mas..

mas Aan mengatakan... Pada: 2 Januari 2009 pukul 05.16  

@casual cutie#
selamat tahun baru juga....

Anonimmengatakan... Pada: 4 Januari 2009 pukul 22.20  

Wah kreatif juga mas A'an nich, boleh tak coba gak mas a'an.

mas Aan mengatakan... Pada: 7 Januari 2009 pukul 04.14  

@Luacis #
ooo mongggo silahkan..dengan senang hati.

Anonimmengatakan... Pada: 9 Januari 2009 pukul 20.32  

casual cutie mau coba, tp..casual cutie ga ngerti...
huuuuuuuuuuuuuuu

Anonimmengatakan... Pada: 9 Januari 2009 pukul 22.50  

sip bos, dicoba..

Anonimmengatakan... Pada: 15 Januari 2009 pukul 20.49  

mas Aan sibuk ya? ko belum sempat posting juga??

ohloh mengatakan... Pada: 15 Juni 2009 pukul 19.27  

numpang belajar :)

Unknown mengatakan... Pada: 28 Februari 2010 pukul 03.28  

tetep g bisa mbak,,,salam kenal

mz rahmat mengatakan... Pada: 16 Maret 2010 pukul 12.22  

bos infonya bagus bgt...
saya lg belajar bikin blog,kalau berkenan tolong bimbinganya,he3

Damiliawati mengatakan... Pada: 20 September 2010 pukul 18.10  

Nice Post. Link Balik ya

outbound malang mengatakan... Pada: 13 Mei 2012 pukul 21.06  

kunjungan gan.,.
bagi" motivasi.,.
hilangkan rasa gengsi mu untuk maju lebih baik.,.
di tunggu kunjungan balik.na gan.,.,

Dotnex Download mengatakan... Pada: 12 Juli 2012 pukul 11.34  

makasih ya gan ane mau test dlu.. ini kayaknya beda dari yang lain

Posting Komentar

ANDA KOMENTAR, SAYAPUN KOMENTAR DI BLOG SAUDARA