Tulisan efek neon

neon
Tulisan ini mempunyai efek seperti neon dengan warna yang bergerak sepanjang huruf yang ada. Seperti contoh dibawah ini:



cara memasangnya:

1.masuk ke design..pilih Layout
2.Pilih add a gadget


3.Html/javascript



dan masukkan kod dibawah ini:

<script language="JavaScript1.4">
jsver = 1.4;
var neonbasecolor=""
var neontextcolor="#af0"
var neontextcolor2=""
var flashspeed=70 // kecepatan flashing dalam milliseconds
var message="TULISAN EFEK NEON"
var flashingletters2=1 // bilangan huruf yg di flashing pada neontextcolor2 (0 to disable)
var flashingletters=6 // bilangan huruf yang di flashing pada neontextcolor
var flashpause=0 // pause diantara flash-cycles dalam milliseconds
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>

#kecepatan pergerakan teks boleh diubah pada kod var flashspeed=70 dan warna teks pada kod var neontextcolor="#af0" dan var neontextcolor2=""

 4.Klik save

update 8/5/2013

Catat Ulasan

9 Comments:

Cik Adieb berkata...
Teknik Buat Blog

Maw try la nnt :D

Dhaniboys-Q berkata...
Teknik Buat Blog

Kerennnn mas
jadi pengen nyoba XD

*** Khocet Blog *** berkata...
Teknik Buat Blog

Bermanfaat banget ni ...saya tunggu postingan selanjutnya

arie5758 berkata...
Teknik Buat Blog

Efeknya sepertinya mangstab nih, ijin mempraktekkan ya gan :)

Reo Adam berkata...
Teknik Buat Blog

saya dah cuba tapi tak menjadi
code itu dah saya paste dlm add gadget htm/javascript

mohon penjelasanya....

maaf masih pendatang baru,masih belajar
terimakasih

Tabir Khaizuran berkata...
Teknik Buat Blog

perkongsian yang bagus..pernah gak buat.hehe.

NARUTO VS SASUKE BATLLE berkata...
Teknik Buat Blog

baca2 tips menarik sob...

Crafty Nieya berkata...
Teknik Buat Blog

nice tutorial^^ i like! =)

Andreas Luffy berkata...
Teknik Buat Blog

Mantap