Add Scrolling text to attract visitors to your blog

Scrolling text is one of the best way to attract visitors to your blog. Scrolling text with nice colours will also make your blog look attractive. You can add your most popular blog as a scrolling text in the home page. You can also give an hint of what might be your next blog. These simple things will keep your visitors interesting.

Scrolling text can be added anywhere in the blog. You can add it below the header, sidebars and also in your blog post. Below are the simple steps to add scrolling text in your blog.

Code to add scrolling text in your blog

<marquee>Scrolling text for my blog</marquee>


Simple attributes to make your scrolling text look attractive

Code to change the background color of the scrolling text
bgcolor is the attribute that is used to change the background colour of the text.

<marquee bgcolor="#999999">Scrolling text for my blog</marquee>

Scrolling text for my blog


Code to change the text colour of the scrolling text
font color is the attribute that is used to change the background colour of the text.

<font color="990000"><marquee bgcolor="#999999">Scrolling text for my blog</marquee></font>

Scrolling text for my blog


Code to select the direction of the scrolling text
direction is the attribute that is used to change the direction of the text.

• To scroll the text in the right direction use the below code

<font color="990000"><marquee direction="right" bgcolor="#999999">Scrolling text for my blog</marquee></font>

Scrolling text for my blog

• To scroll the text in the left direction use the below code

<font color="990000"><marquee direction="left" bgcolor="#999999">Scrolling text for my blog</marquee></font>

Scrolling text for my blog

• To scroll the text in the top direction use the below code

<font color="990000"><marquee direction="up" bgcolor="#999999">Scrolling text for my blog</marquee></font>

Scrolling text for my
blog

• To scroll the text in the bottom direction use the below code

<font color="990000"><marquee direction="down" bgcolor="#999999">Scrolling text for my blog</marquee></font>

Scrolling text for my blog


Code to make your scrolling text scroll within the scrolling area
behavior is the attribute that is used to scroll the text within the scrolling area

<font color="990000"><marquee behavior="alternate" bgcolor="#999999">Scrolling text for my blog</marquee></font>

Scrolling text for my blog


Code to control the speed of the scrolling text
scrollamount is the attribute that is used to scroll the text within the scrolling area

<font color="990000"><marquee behavior="alternate" direction="left" bgcolor="#999999" scrollamount="3">Scrolling text for my blog</marquee></font>

Scrolling text for my blog


Code to pause the text when mouse is moved over the text
onmouseover and onmouseout is the attribute that is used to pause the text when mouse is moved over the text

<font color="990000"><marquee behavior="alternate" direction="left" bgcolor="#999999" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="30">Scrolling text for my blog</marquee></font>

Scrolling text for my blog


Code to add Hyperlinks to the scrolling text

<font color="990000"><marquee behavior="alternate" align="middle" direction="right" bgcolor="#999999" scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()"><a href="http://bloggerbasicsforbeginner.blogspot.in/2012/01/genuine-website-to-learn-and-earn-money.html">Genuine website to earn money online</a> $$$ <a href="http://bloggerbasicsforbeginner.blogspot.in/2012/01/improve-alexa-ranking-for-your-website.html">Improve Alexa ranking for your blog</a></marquee></font>

Genuine website to earn money online $$$ Improve Alexa ranking for your blog

Try these technique and let me know how it worked for you. In case of any queries post a comment below.