Home » » Cara membuat gambar tampil bergantian di blog

Cara membuat gambar tampil bergantian di blog

Written By Arif Stiawan on October 10, 2012 | 7:01 AM

Cara membuat gambar tampil bergantian di blog. Memasang banner di blog pasti sudah banyak yang melakukan. Selain untuk mempercantik dan ‘meramaikan’ blog, banner-banner ini juga dapat memberikan penghasilan tambahan bagi si pemiliknya. Biasanya space untuk menyimpan banner ini hanya menampilkan 1 banner saja seterusnya, bagaimana jika kita ingin merotasi banyak banner dan menampilkan banner yang berbeda-beda setiap kali halaman di load? Ya, kita bisa merotasi banner-banner tersebut dengan menggunakan JavaScript. Contohnya seperti dibawah ini.
Contoh isi script yang digunakan dengan menggunakan 4 banner.

<!-- Begin
rnd.today=new Date();
rnd.seed=rnd.today.getTime();

function rnd() {
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
};

function rand(number) {
var result = Math.ceil(rnd()*number);
if (!result)result++;
return result
};
var ad_cnt1 = 4;
var ad1 = rand(ad_cnt1);
var link1;
var adBanner1;
var width1
var height1
if (ad1==1) {
link1="http://url.klikdana.com/co_cc";
adBanner1="http://lh5.ggpht.com/_AkJDIL5uAFo/S8qwr-HfNTI/AAAAAAAAAoM/VCaH-NxoXwo/cocc468_60a.gif";
width1="468";
height1="60";
alt1="Free Domain CO.CC";
}
if (ad1==2) {
link1="http://url.klikdana.com/music_adv";
adBanner1="http://lh5.ggpht.com/_AkJDIL5uAFo/S8qrw72bViI/AAAAAAAAAng/wLQ0lA_9rm4/freedownloadmp3.gif";
width1="468";
height1="60";
alt1="Free Download MP3";
}
if (ad1==3) {
link1="http://url.klikdana.com/music_adv";
adBanner1="http://lh3.ggpht.com/_AkJDIL5uAFo/S8qrwgPqqYI/AAAAAAAAAnc/BUofh6dT2vM/learn_music.gif";
width1="468";
height1="60";
alt1="Learn Music";
}
if (ad1==4) {
link1="http://url.klikdana.com/aafb";
adBanner1="http://lh3.ggpht.com/_AkJDIL5uAFo/S8qwoUqzpzI/AAAAAAAAAoI/nNed2W_3ZlQ/468x60facebook.gif";
width1="468";
height1="60";
alt1="Facebook Marketing";
}
document.write('<center><a href="' + link1 + '" target="_blank">');
document.write('<img src="' + adBanner1 + '" width=' + width1 + ' height=' + height1 + ' border=0 alt="' + alt1 + '"></a>');
document.write('</center>');
// End -->
Keterangan warna:
Merah:Jumlah gambar yang akan dirotasi.
Kuning:Nomor gambar.
Biru:URL tujuan gambar.
Hijau:Lokasi atau alamat gambar.
Oranye:Lebar dan tinggi gambar.
Ungu:Alternatif text gambar.

Gambar yang dirotasi tidak terbatas banyaknya, untuk membuatnya menjadi bahasa JavaScript kita harus menambahkan seperti kode dibawah.
<script type="text/javascript">ISI SCRIPT</script>

deminian Cara membuat gambar tampil bergantian di blog, semoga bermanfaat
Gimana Artikel Cara membuat gambar tampil bergantian di blog ini, mantab kan? Sobat boleh menyebarkannya jika artikel Cara membuat gambar tampil bergantian di blog ini bermanfaat, namun jangan lupa meletakkan link Cara membuat gambar tampil bergantian di blog sebagai sumbernya. Terima kasih telah Berkunjung

Join Me On: Facebook :: Arif Stiawan ::

Share this article :
 
Support : www.ariefboy.com
Copyright © 2013. Arif Setiawan | AriefBoy.Com - All Rights Reserved
Template Created by Creating Website
Proudly powered by Blogger