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

Post a Comment

9 Comments:

Nour Adieb said...
Teknik Buat Blog

Maw try la nnt :D

Unknown said...
Teknik Buat Blog

Kerennnn mas
jadi pengen nyoba XD

*** Khocet Blog *** said...
Teknik Buat Blog

Bermanfaat banget ni ...saya tunggu postingan selanjutnya

arie5758 said...
Teknik Buat Blog

Efeknya sepertinya mangstab nih, ijin mempraktekkan ya gan :)

Unknown said...
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

Unknown said...
Teknik Buat Blog

perkongsian yang bagus..pernah gak buat.hehe.

NARUTO VS SASUKE BATLLE said...
Teknik Buat Blog

baca2 tips menarik sob...

Unknown said...
Teknik Buat Blog

nice tutorial^^ i like! =)

Unknown said...
Teknik Buat Blog

Mantap