Rules Of Chobots

Play Chobots!

Powered by Blogger.

Join the Chobots forum!

Chobots Moments

Visit the official blog

The agent blog

The Agent Blog!

Text effects


Wanna know how to add running letters on your blog?

First log on your blogger profile.
Then go to "Design"
Then click "Add a gadget"
Then pick the gadget called "HTML/Javascript"
And then simply add the code.

Here are some examples you can use. Just edit the text "Enter your text here" to the text you want.




BASIC MARQUEE 
Example
The Code
<marquee>Enter Your Text Here</marquee>


SCROLLING UP MARQUEE 




Example
The code
<marquee direction="up">Enter your text here</marquee>


SCROLLING DOWN MARQUEE 


Example
The code
<marquee direction="down">Enter Your Text Here</marquee>

COLOR & FONT CHANGE MARQUEE 



Example


The code
<marquee>
<font face="Comic Sans MS" size=3 color="#FF00AA">
Enter Your Text Here</font>
</marquee>

Notice that there are more options to change in this code.
To change size, change the number which currently is saying 3
To change font, change the font which is currently saying "Comic Sans MS"
To change colour, change the code "#FF00AA". To find more of those code click here.

These were 4 normal running codes. 
To make the running letters a little more special you can also add images. I have made some which you can use if you want.


SPACESHIP WITH WHITE FONT


Image and video hosting by TinyPic


The code
<marquee><a href="http://chobotz-net.blogspot.com" target="_blank"><img alt="Image and video hosting by TinyPic" border="0" src="http://i44.tinypic.com/4vntj4.png" /></a></marquee>


SPACESHIP WITH BLACK FONT

Image and video hosting by TinyPic


The code
<marquee><a href="http://chobotz-net.blogspot.com" target="_blank"><img alt="Image and video hosting by TinyPic" border="0" src="http://i41.tinypic.com/t7zbzl.png" /></a></marquee>

UFO WITH WHITE FONT


Image and video hosting by TinyPic


The code
<marquee><a href="http://chobotz-net.blogspot.com" target="_blank"><img alt="Image and video hosting by TinyPic" border="0" src="http://i43.tinypic.com/28w2u8.png" /></a></marquee>

UFO WITH BLACK FONT


Image and video hosting by TinyPic

The code
<marquee><a href="http://chobotz-net.blogspot.com" target="_blank"><img alt="Image and video hosting by TinyPic" border="0" src="http://i43.tinypic.com/5l6tg7.png" /></a></marquee>

BUTTERFLY WITH WHITE FONT


Image and video hosting by TinyPic

The code
<marquee><a href="http://chobotz-net.blogspot.com" target="_blank"><img alt="Image and video hosting by TinyPic" border="0" src="http://i44.tinypic.com/2ldyw3s.png" /></a></marquee>

BUTTERFLY WITH BLACK FONT


Image and video hosting by TinyPic

The code
<marquee><a href="http://chobotz-net.blogspot.com" target="_blank"><img src="http://i44.tinypic.com/24crt3b.png" border="0" alt="Image and video hosting by TinyPic"></a></marquee>

PLANE WITH WHITE FONT


Image and video hosting by TinyPic

The code
<marquee><a href="http://chobotz-net.blogspot.com" target="_blank"><img alt="Image and video hosting by TinyPic" border="0" src="http://i41.tinypic.com/s65g9k.png" /></a></marquee>

PLANE WITH BLACK FONT


Image and video hosting by TinyPic

The code
<marquee><a href="http://chobotz-net.blogspot.com" target="_blank"><img src="http://i42.tinypic.com/11u97vm.png" border="0" alt="Image and video hosting by TinyPic"></a></marquee>

NICHO WITH WHITE FONT


Image and video hosting by TinyPic

The code
<marquee><a href="http://chobotz-net.blogspot.com" target="_blank"><img src="http://i39.tinypic.com/15q69g7.png" border="0" alt="Image and video hosting by TinyPic"></a></marquee>

NICHO WITH BLACK FONT


Image and video hosting by TinyPic

The code
<marquee><a href="http://chobotz-net.blogspot.com" target="_blank"><img src="http://i43.tinypic.com/28a6udf.png" border="0" alt="Image and video hosting by TinyPic"></a></marquee>

HELICOPTER WITH WHITE FONT


Image and video hosting by TinyPic

The code
<marquee><a href="http://chobotz-net.blogspot.com" target="_blank"><img src="http://i43.tinypic.com/2v92169.png" border="0" alt="Image and video hosting by TinyPic"></a></marquee>

HELICOPTER WITH BLACK FONT


Image and video hosting by TinyPic

The code
<marquee>< http://chobotz-net.blogspot.com/p/text-effects.html " target="_blank"><img src="http://i41.tinypic.com/8ygmmq.png" border="0" alt="Image and video hosting by TinyPic"></a></marquee>

CAMERA WITH BLACK FONT


Image and video hosting by TinyPic

The code
<marquee><a href="http://chobotz-net.blogspot.com/p/text-effects.html" target="_blank"><img alt="Image and video hosting by TinyPic" border="0" src="http://i39.tinypic.com/hvrjtx.png" /></a></marquee>

CAMERA WITH WHITE FONT


Image and video hosting by TinyPic
The code
<marquee><a href="http://chobotz-net.blogspot.com/p/text-effects.html" target="_blank"><img alt="Image and video hosting by TinyPic" border="0" src="http://i44.tinypic.com/5nu5j8.png" /></a></marquee>

PAINTBRUSH WITH BLACK FONT

Image and video hosting by TinyPic
The code
<marquee><a href="http://chobotz-net.blogspot.com/p/text-effects.html" target="_blank"><img src="http://i43.tinypic.com/250thme.png" border="0" alt="Image and video hosting by TinyPic"></a></marquee>

PAINTBRUSH WITH WHITE FONT
Image and video hosting by TinyPic


The code
<marquee><a href="http://chobotz-net.blogspot.com/p/text-effects.html" target="_blank"><img alt="Image and video hosting by TinyPic" border="0" src="http://i44.tinypic.com/2vjool4.png" /></a></marquee>

FEATHER WITH BLACK FONT

Image and video hosting by TinyPic


The code

<marquee><a href="http://chobotz-net.blogspot.com/p/text-effects.html" target="_blank"><img alt="Image and video hosting by TinyPic" border="0" src="http://i41.tinypic.com/161nv36.png" /></a></marquee>

FEATHER WITH WHITE FONT

Image and video hosting by TinyPic



The code
<marquee><a href="http://chobotz-net.blogspot.com/p/text-effects.html" target="_blank"><img src="http://i39.tinypic.com/213lnhv.png" border="0" alt="Image and video hosting by TinyPic"></a></marquee>


Click here to get special welcoming texts for Christmas.


If you want to design your own image, you can use a photo edit software like photoshop, paint.net etc. and then upload the image on tinypic.com but remember the image should be with transparent background (which means it doesn't have a background) Just so that it will look better. And after you have done those steps simply add the code you got from tinypic after uploading, instead of the text saying "Enter your text here".

<marquee>Enter Your Text Here</marquee>



Followers

Guides