Cara Membuat Efek Neon Light

M embuat text decoration dapat memperindah tampilan blog, ada bermacam-macam variasi efek text, salah satunya adalah "Efek Neon Light" Jika anda tertarik mencoba efek neon pada text ini , silahkan copy script di bawah, kemudian masukkan ke dalam gadget html/javascript atau ke dalam postingan, Scriptnya bisa dilihat di bawah  :

<h2><script language="JavaScript1.2"> //Neon Lights Text II by G.P.F. (gpf@beta-cc.de) //visit http://www.beta-cc.de //Visit http://www.dynamicdrive.com for this script var message="Selamat datang di blogku!" var neonbasecolor="blue" var neontextcolor="red" var neontextcolor2="#FFFFA8" var flashspeed=100 // speed of flashing in milliseconds var flashingletters=3 // number of letters flashing in neontextcolor var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable) var flashpause=0 // the pause between flash-cycles in milliseconds ///No need to edit below this line///// var n=0 if (document.all||document.getElementById){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>') } else document.write(message) function crossref(number){ var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj } function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) crossref(m).style.color=neonbasecolor } //cycle through and change individual letters to neon color crossref(n).style.color=neontextcolor if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2 if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor if (n<message.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",flashpause) return } } function beginneon(){ if (document.all||document.getElementById) flashing=setInterval("neon()",flashspeed) } beginneon() </script></h2>

Keterangan :
Ganti teks Selamat datang diblogkku  dengan teks yang ingin ditampilkan
Pada var neonbasecolor="blue" bisa ganti blue dengan warna lain
Pada var neontextcolor="red" bisa ganti red dengan warna lain
Pada var neontextcolor2="#FFFFA8" bisa ganti #FFFFA8 dengan warna lain
Pada var flashspeed=100 bisa ganti 100 dengan speed yang diinginkan

Selamat mencoba mudah mudahan bermanfaat,semoga berhasil

Sumber : Kampungkuini.blogspot.com

Label :Tutorial