Senin, 15 Oktober 2012

Membuat Text dengan Efek Neon di Blog



Pada tutorial kali ni saya akan berbagi ilmu kepada sahabat blogger tentang Membuat Text dengan Efek Neon di Blog yang saya dapatkan dari sebuah blog silahkan ikuti langkah-langkah nya :
1. Login ke blogger
2. Masuk ke menu Layout
3. Klik Add a Gadget
4. Lalu pilih HTML/Javascript
5. Masukkan script di bawah 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="Ganti Teks Ini!"
var neonbasecolor="black"
var neontextcolor="green"
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>

0 komentar:

  © Blogger templates The Transformers by Blog Tips And Trick 2009