Cara Membuat Teks dengan efek ganti warna

Cara Membuat Teks dengan efek ganti warna – biasanya dalam sebuah postingan ataupun tulisan yang ada di blog stylenya hanya itu-itu saja, mungkin anda ingin mencoba teks dengan sentuhan efek Neon Lights, sebuah teks yang nantinya bisa berubah warna sesuai dengan kehendak / sesuia dengan setingan yang sudah diatur. Dengan menggunakan efek Neon Light pada teks maka akan membuat sensasi baru pada tulisan anda

Previewnya kurang lebih seperti dibawah ini :

Cara Membuat teks dengan efek Neon Light

 
Pertama mencoba efek neon light , saya berpikir efek ini sangat menarik untuk membuat pandangan pengunjung bisa sedikit tidak fokus dan bahkan mungkin fokus ke tulisan yang mengandung efek neon lights tersebut. Namun yang cukup meribetkan dari efek neon light ini (menurut saya) kodenya terlalu banyak sehingga nampak sukar untuk dihafalkan, paling solusi mudahnya kita save di notepad kemudian membukanya lagi kalau pas lagi butuh. Oke berikut ini adalah script teks dengan neon lights :
 <h2><script language="JavaScript1.2"> /* Neon Lights Text By JavaScript Kit (http://javascriptkit.com) For this script, TOS, and 100s more DHTML scripts, Visit http://www.dynamicdrive.com */ var message="Blogging Menyenangkan " var neonbasecolor="gray" var neontextcolor="orange" var flashspeed=100 //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++) //eval("document.all.neonlight"+m).style.color=neonbasecolor crossref(m).style.color=neonbasecolor } //cycle through and change individual letters to neon color crossref(n).style.color=neontextcolor if (n<message.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",1500) return } } function beginneon(){ if (document.all||document.getElementById) flashing=setInterval("neon()",flashspeed) } beginneon() </script></h2>

Untuk keterangannya sendiri

Dari kode diatas ada tulisan "Blogging Menyenangkan " nah bagian itu bisa anda ganti dengan kata lainnya sesuai selera anda
Kemudian dibawah "Blogging Menyenangkan " itu ada tulisan warna “gray” dan “orange” yang menunjukan bahwa warna awal nantinya adalah perganitan diantara keduanya

Kemudian ada tulisan var flashspeed=100 //in milliseconds -> itu berarti kecepatannya

Nah anda bisa pakai kode teks neoen lights tersebut pada postingan ataupun juga pada bagian lainnya seperti gadget HTML/Javascript

Posted by Hii Sekai