Neon Light Teks merupakan efek teks yang secara tiba-tiba berganti warna dalam beberapa detik. Bagi yang tertarik memasangnya, dibawah ini adalah langlah-langkah cara membuat efek teks neon light.
1. Login ke Blogger
2. Buat entri baru atau edit postingan yang ada
3. Klik menu HTML
4. Ketikkan Script dibawah ini:
=========================================================================
<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="
<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="
---Design 'Abdul Rohman'--Blogger---
"
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>
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>
=============================================================================================
5. Klik Publikasikan
Keterangan:
1)
Tulisan --Design 'Abdul Rohman'--Blogger---
ganti dengan tulisan yang anda mau
ganti dengan tulisan yang anda mau
2)
Tulisan yang berwarna jingga
adalah warna awalnya
3)
Tulisan yang berwarna
hijau adalah warna kedua
4)
Tulisan yang berwarna
ungu adalah kecepatan berganti warnanya
Dan Lihat Hasilnya:
Contoh Efek Lampu Neon |
0 komentar:
Post a Comment