Pages

Banner Rotasi



Pada kesempatan ini ( ceilee, kek mau pidato aja ) ukhra akan memberikan tips tentang penghematan penampilan blog anda yaitu membuat banner anda tampil bergantian dan otomatis supaya yang tadi itu, agar halaman anda tidak terlalu penuh dan berattt.. Okay, cekidot..

1. Masuk ke Layout/Tata Letak
2. Klik Page Element
3. Klik Tambah Gadget
4. Pilih HTML/Javascript
5. Copy pastekan kode di bawah ini

<script type="text/javascript">
var imgs3 = new Array("URLImagesatu","URLImagedua","URLImagetiga");
var lnks3 = new Array("URLLinksatu","URLLinkdua","URLLinktiga");
var alt3 = new Array("ukhra","ukhra","ukhra");
var currentAd3 = 0;
var imgCt3 = 3;
function cycle3() {
if (currentAd3 == imgCt3) {
currentAd3 = 0;
}
var banner3 = document.getElementById('adBanner3');
var link3 = document.getElementById('adLink3');
banner3.src=imgs3[currentAd3]
banner3.alt=alt3[currentAd3]
document.getElementById('adLink3').href=lnks3[currentAd3]
currentAd3++;
}
window.setInterval("cycle3()",10000);
</script>
<a href=""URLLinkPertamaTampil"" id="adLink3" target="_top">
<img src="URLImagePertamaTampil" id="adBanner3" border="0" width="468" height="60"></a>



6. Ganti tulisan berwarna merah dan Save

Happy blogging !

4 komentar:

wah tutorialnya simple but keren :D
ikut black commpetition ya? wah sukses moga menang :D

Makasih sob..
hehe..cuman iseng doank kok.. :l:

This comment has been removed by the author.

klo mau pasang 5 baner , apa semua angka 3 nya di ganti ma 5 sob ? :e:

Post a Comment