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[
<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:
Unknown - Jumat, 26 Oktober 2012
Belum ada komentar untuk "Cara Membuat Border gambar kelap-Kelip"
Posting Komentar