Jumat, 06 Januari 2012

BORDER GAMBAR KELAP-KELIP

Untuk membuatnya ikuti langkah-langkah dibawah ini.
   1. Login blogger
   2. Tata Letak/Layout - Edit HTML
   3. Klik pada Expand Template Widget.
   4.  Selanjutnya cari kode 
]]></b:skin> 

Jika sudah ketemu letakkan kode CSS dibawah ini tepat sebelum atau diatas kode ]]></b:skin> 
img.flashgroup{border:3px solid black;} 


lalu cari kode </body>
Jika sudah ketemu letakkan kode  dibawah ini tepat sebelum atau diatas kode </body> 




<script type="text/javascript">
//<![CDATA[
//Warna garis yang berkelap-kelip
var flashcolor="magenta"
//Kecepatan garis berkelap-kelip (semakin rendah, semakin cepat)
var speed=80


/////No need to edit below here////
var curborder=new Array()
var increment=0
var flashobject=new Array()


if (document.all||document.getElementById){
while (document.getElementById("flash"+increment)!=null){
flashobject[increment]=document.getElementById? document.getElementById("flash"+increment).style : eval("document.all.flash"+increment+".style")
curborder[increment]=0
increment++
}
}
function flash(which){
if (curborder[which]==1){
flashobject[which].borderLeftColor=flashcolor
flashobject[which].borderBottomColor=flashobject[which].borderRightColor
}
else if (curborder[which]==2){
flashobject[which].borderTopColor=flashcolor
flashobject[which].borderLeftColor=flashobject[which].borderBottomColor
}
else if (curborder[which]==3){
flashobject[which].borderRightColor=flashcolor
flashobject[which].borderTopColor=flashobject[which].borderLeftColor
}
else if (curborder[which]==4){
flashobject[which].borderBottomColor=flashcolor
flashobject[which].borderRightColor=flashobject[which].borderTopColor
}


if (curborder[which]<=3)
curborder[which]++
else
curborder[which]=1
if (document.all||document.getElementById){}for (z=0;z<flashobject.length;z++){
var temp='setInterval("flash('+z+')",'+speed+')'
eval(temp)
}
}


//]]>
</script>



cara pemanggilan nya: Setiap memasang gambar  tambahkan id dan class seperti di bawah ini. Jika gambar lebih dari satu, id jangan sampai sama, ganti saja seperti ini berurutan...dari flash 0 - seterus nya





<img src='URL gambar anda' id='flash0' class='flashgroup' />
<img src='URL gambar anda' id='flash1' class='flashgroup' />
<img src='URL gambar anda' id='flash2' class='flashgroup' />


begitu saja seterusnya.     

0 komentar:

Poskan Komentar