Cara Membuat Border gambar kelap-Kelip

 

Kali ini saya akan membuat postingan singkat tentang  Cara Membuat Border gambar kelap-Kelip, contohnya bisa anda lihat pada gambar diatas. Dengan ini tampilan blog anda akan lebih menarik bukan ?.

cara membuatnya cukup gampang, anda tinggal mengikuti langkah-langkah dibawah ini :

1. Cari kode <b:skin><![CDATA[ di Template>Edit Html blog anda, setelah itu letakkan kode dibawah ini dibawah kode
<b:skin><![CDATA[ 

kodenya  :

img.flashgroup{border:3px solid black;}

      

Warna Black dapat anda ganti sesuai selera.]

2. Setelah itu </body> dan letakkan kode dibawah ini sebelum kode
</body> 

kodenya :


<script type='text/javascript'>
//<![CDATA[

/*
Script By http://www.javascriptkit.com/script/script2/flashimage.shtml
*/

//Warna garis yang berkelap-kelip
var flashcolor="yellow"
//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>

3. Setelah selesai, simpan/save, lalu setiap memasang gambar di blog anda (Blogspot) letakkan  id dan class ini 

<img src='URL gambar anda' id='flash0' class='flashgroup' /> 
 
  
De
Itulah postingan singkat saya kali ini jika ada pertanyaan silahkan berkomentar. 
 
Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul Cara Membuat Border gambar kelap-Kelip. Anda bisa bookmark halaman ini dengan URL http://expost-jr.blogspot.com/2012/10/cara-membuat-border-gambar-kelap-kelip.html. Terima kasih!
Ditulis oleh: Expost Jr - Jumat, 26 Oktober 2012

Belum ada komentar untuk "Cara Membuat Border gambar kelap-Kelip"

Posting Komentar