Tutorial: Image bertukar setiap kali refresh.
Monday, 10 October 2011 | 00:59 | 0 comments
100% credit to : http://one-fourthree.blogspot.com
Try refresh and dia akan tukar jadi gambar lain. Right ? So, macam tu lah. Tapi kadang-2 dia sama. So, refresh banyak kali k. Let's start!
Untuk Designer template.
Dashboard > Design > Edit HTML.
Tekan Ctrl + F and search ]]></b:skin>
Paste code ni dekat atas ]]></b:skin> tu.
.displaypic {float:center; width:auto; height:auto; overflow:hidden; padding:15px;Preview dulu tengok ada cacat ke apa dekat blog, then Save Template
}
Belum habis lagi. Then, Page Elements > Add Gadget > HTML/JavaScript. Letak lah kat mana-2 korang nak.
Paste code ni.
<div class="displaypic">
<script type="text/javascript">
<!-- hide
numimage = 4;
var image = new Array(numimage);
image[0]="<img src=URL IMAGE 1>";
image[1]="<img src=URL IMAGE 2>";
image[2]="<img src=URL IMAGE 3>";
image[3]="<img src=URL IMAGE 4>";
var random=Math.floor(Math.random()*(image.length))
document.write(image[random])
</script>
</div>
About me korang ke apa lah.*Color purple left, center or right.
*Color maroon tu width or height yang korang nak.
*Color jingga tu untuk berapa image.
*Color hijau tu image url korang lah.
*Color pink tu about me ke apa lah nak letak. Tak nak pun takpe.
Note: Kalau nak set width and height, tambah px dekat belakangnya. Eg, width:300px; Sebaik-baiknya, jangan kacau height dia sebab nanti korang set tak cantik. lol. And image ni keluar random and tak ikut number. Seelok-eloknya, auto je lah.
Note: Nak buat dekat post pun boleh, kena edit dekat Edit HTML kalau dekat Compose nanti tak menjadi.
