smowtion

Friday, October 21, 2011

Scrolling text: How to display in your site?

We are very much familiar with scrolling text. When need to display breaking news, news paper use this scrolling text. or We see scrolling text as the headline of news channels or in different website we frequently see scrolling text. But how text scroll in our site? Here are the ways described with example for the newbie who want to add scrolling text in their site. As this are HTML code , if you want to add this in side bar, you have to add "HTML/JaveScript" gadget to your site and then just copy and paste codes there. You can  simply add this code in any java script supported page. Your desired text will start scroll there.
The Basic Code will be:
<FONT SIZE="4" FACE="TT" COLOR=white><MARQUEE WIDTH=100% BEHAVIOR=SCROLL BGColor=black>There are lot of ways of income from online. Just need to sort out</MARQUEE></FONT>
And display will be:
There are lot of ways of income from online. Just need to sort out

You can now edit according to your wish.
Change color of text and size or background color what ever you want. Just write them manually.
Here are some changing display: FONT SIZE=6,COLOR=Red and BGColor=white
There are lot of ways of income from online. Just need to sort out
Change direction of text:
 You can change the direction of text. From right or left or above or below. Just add {direction="left"} or {direction="right"} or {direction="up"} or {direction="down"} in your code. Here is an example of code where text from right:
N.B. if you don't use any direction in code, it will be from left as default.
Code:
<FONT SIZE="4" FACE="TT" COLOR=red><MARQUEE WIDTH=100% BEHAVIOR=SCROLL direction="right" BGColor=white>There are lot of ways of income from online. Just need to sort out</MARQUEE></FONT>
Display:
There are lot of ways of income from online. Just need to sort out  Change Speed of text:
You can change the scrolling speed by adding this to the code: {scrollamount="2"}
N.B: If you are satisfied with first speed, no need to add this.
Code:
<FONT SIZE="4" FACE="TT" COLOR=red><MARQUEE WIDTH=100% BEHAVIOR=SCROLL direction="right" BGColor=white scrollamount="2">There are lot of ways of income from online. Just need to sort out</MARQUEE></FONT>
Display:
There are lot of ways of income from online. Just need to sort out
Use hyperlink to the code:
To add hyperlink, you have to add this to the code: you can add as much as you want. Just add this where you want to display.<a href="url#1">LINK#1</a> .Here put your link instead of url#1 and the text to display instead of LINK#1. Suppose i want to use the url of this blog. that is "http://easytechnotips.blogspot.com" and displaying text will be "Make it easy"
So Code:
<FONT SIZE="4" FACE="TT" COLOR=red><MARQUEE WIDTH=100% BEHAVIOR=SCROLL BGColor=white>There are lot of ways of income from online. Just need to sort out<a href="http://easytechnotips.blogspot.com">Make it easy</a></MARQUEE></FONT>
Display:
There are lot of ways of income from online. Just need to sort outMake it easy
Stop the scrolling text:
It needs to stop the text sometime to read properly or to click on the link. It is possible. When you will keep mouse over the line, it will be stopped and when you will remove mouse , it will scroll again. Just add this in the code: {onmouseover="this.stop()" onmouseout="this.start()"}on main code
Code:
<FONT SIZE="4" FACE="TT" COLOR=red><MARQUEE WIDTH=100% BEHAVIOR=SCROLL BGColor=white onmouseover="this.stop()" onmouseout="this.start()" >There are lot of ways of income from online. Just need to sort out<a href="http://easytechnotips.blogspot.com">Make it easy</a></MARQUEE></FONT>
Display:
There are lot of ways of income from online. Just need to sort outMake it easy If you have any question , just feel free to ask me via comment here. Enjoy blogging.......



No comments:

Post a Comment