Sabtu, 19 September 2009

Membuat Rotasi Banner (Banner rotator)


Rotasi banner atau banner rotator adalah banner yang akan muncul secara bergantian tanpa harus membuka halaman baru. Simpelnya seperti banner animasi flash.
Langkah membuatnya adalah sbb:
1. Masuk ke Edit HTML
2. Cari  kode berikut  </head>
3. Masukkan kode dibawah berikut tepat di atas kode yang tadi

<link rel="StyleSheet" href="http://sites.google.com/site/chungkring/mBanner.css" type="text/css" />
<script type="text/javascript" src="http://sites.google.com/site/chungkring/mBanner.js"/>


4. Simpan dan Masuk ke Page Element (Element Halaman)
5. Tambahakan widget HTML/JavaScript
6. Masukkan kode dibawah ini kedalam Widget tadi.

<center>
<script language="javascript">
banner1 = new Banner('banner1');
banner1.add("IMAGE", "banners/01.jpg", 3, 60, 480,"http://adhiets.blogspot.com");
banner1.add("IMAGE", "banners/01.jpg", 3, 60, 480,"http://adhiets.blogspot.com");
banner1.add("IMAGE", "banners/01.jpg", 3, 60, 480,"http://adhiets.blogspot.com");
banner1.add("FLASH", "banners/04.swf", 3, 60, 480,"http://adhiets.blogspot.com");
banner1.add("FLASH", "banners/05.swf", 3, 60, 480,"http://adhiets.blogspot.com");
banner1.add("FLASH", "banners/06.swf", 3, 60, 480,"http://adhiets.blogspot.com");
document.write(banner1);
banner1.start();
</script>
<center>

NB:
Kode yang berwarna merah adalah lamanya waktu banner ditampilkan (3 detik)
Kode yang berwarna hijau adalah tinggi banner. (60px)
Kode yang berwarna biru adalah lebar banner (480px)

Tidak ada komentar:

Posting Komentar