Tuesday 14 August 2012

Add neon light text effect in blogger easily

Hello friends if you want to add special text effect in your massage you should add neon light text effect .

PREVIEW:-

Welcome to Blogger Solutions!

Follow simple and easy step to adding this text effect in your welcome message ---->>>

 * First go to your blogger Dashboard.

* Now click in design tab and now you are here--->>> Page element.

* Now click in add Gadget and when open new window click in HTML/javascript from list.

* When open new blank box copy below code and paste in blank box.

<h2>
<script language="JavaScript1.2">
/*
Neon Lights Text
By JavaScript Kit (http://www.blogger9.com)
Over 400+ free Blogger tricks here!
*/

var message="ADD YOUR WELCOME MESSAGE HERE"
var neonbasecolor="black"
var neontextcolor="red"
var flashspeed=100  //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('')
}
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>
NOTE:-1- Change Highlighted text with your Own welcome message.                  
                     2- You can change color as you want ok.

* Now click to save your HTML/javascript and now you are done.

No comments: