Saturday, 6 October 2012

Add Neon Lights Text For Blogger

This script applies a Neon light effect to any text.. here how.

1.Login to your blogger Dashboard and go to Design --> Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below





<script language="JavaScript1.2">

var message="Your Text Here"
var neonbasecolor="gray"
var neontextcolor="yellow"
var flashspeed=100  //in 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++)
//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>



Note: Replace Your Text Here with your text message | gray,yellow with your content.

4.Now Save "Html java Script" your are done.

Cheers.!

Categories:

8 comments:

I was surfing the Internet for information and came across your blog. I am impressed by the information you have on this blog. It shows how well you understand this subject. Neon lights

Neon lights Thanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic. If possible, as you gain expertise, would you mind updating your blog with extra information? It is extremely helpful for me.

Thank you because you have been willing to share information with us. we will always appreciate all you have done here because I know you are very concerned with our. custom neon signs for room

You can buy personalized neon signs or create your own custom neon signs to beautify your spaces now & get free worldwide shipping for unlimited orders. This is not it. Create Neon is offering so much more!
For More Details Visit us at:
Custom Neon Signs

Thanks for Sharing!
Learn More About Neon Signs here Custom Neon Lights

I’d like to thank you for writing on this topic. The information you provided was very useful. I will visit again in the near future. Custom Neon Sign Columbus Ohio.

The neon sign font is a typographic marvel that effortlessly combines vintage charm with contemporary flair. Its bold, glowing characters command attention, making a striking statement in various design projects. Whether evoking nostalgic diner vibes or infusing a modern edge, this font adds a luminous touch to logos, signage, or digital content. With its electrifying aesthetic, the neon sign font offers a dynamic and versatile tool for designers, creating visually stunning text that captivates and communicates with a vibrant glow.

Post a Comment

 
  • Hit Counter

  • World Map