Membuat Garis Tepi Gambar Berdisko

Untuk postingan kali ini, DEMOnya bisa dilihat di bagian kiri blog ini (buku tamu IKB).

Gimana? Sudah dilihat? Kalau tertarik, saya akan memberikan langkah-langkah membuatnya.

Ini dia langkah-langkahnya:
  1. Login ke akun blog Anda.
  2. Cari kode ]]></b:skin> dan letakkan kode berikut tepat di atasnya.
  3. img.flashgroup{border:3px solid #000}
  4. Cari lagi kode dan letakkan script berikut di atasnya.
  5. <script type='text/javascript'> //<![CDATA[ /* Script By http://www.javascriptkit.com/script/script2/flashimage.shtml */ //Warna kelap-kelip var flashcolor="#00FF00" //Kecepatan kelap-kelip (semakin rendah, semakin cepat) var speed=150 /////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>
  6. Save template Anda.
Keterangan: Ganti tulisan berwarna biru (langkah kedua) adalah garis tepi gambar sesuai warna kesukaan Anda. Warna kuning adalah warna disko gambar dan warna hijau adalah kecepatan disko.

Langkah selanjutnya yang harus di lakukan adalah memasang kodenya pada gambar yang ingin diberi efek garis tepi berdisko. Perhatikan kode berikut.
<img src='alamat URL gambar anda' id='flash0' class='flashgroup' />

Setiap memasang gambar di blog Anda, tambahkan id dan class seperti di atas. Jika gambar lebih dari satu, id jangan sampai sama. Tambahkan angka 1, 2, ..... dst. Lihat tulisan berwarna biru pada contoh berikut:
<img src='alamat URL gambar anda' id='flash0' class='flashgroup' />
<img src='alamat URL gambar anda' id='flash1' class='flashgroup' />
<img src='alamat URL gambar anda' id='flash2' class='flashgroup' />

Sampai di sini tutorial membuat garis tepi gambar berdisko.....!!!

2 comments on Blogger: