How to create Moving text or Scrolling text or Marquee text in the Blog.- Blog tips and tricks

Type the text whatever you want in the place of "#". For example I will take "studybuddylearn" in place of '#' 

 [you can change the direction]

FOR DOWNLOAD ALL THE CODES 

Click here to download

(or) You can copy the html code given below:

 1) Explanation:This is the simple code for moving text.default-left to right direction

CODE:

<marquee>#</marquee>

EXAMPLES:

 studybuddylearn

 

2) Explanation:This is the simple code for scrolling text from right to left direction

CODE:

<marquee direction="right">#</marquee>

EXAMPLE:

  studybuddylearn 

 3) Explanation:This is the simple code for scrolling text from up to down direction

CODE:

<marquee direction="down">#</marquee>

EXAMPLE:

  studybuddylearn

4)Explanation:This is the simple code for scrolling text from down to up direction 

CODE:

<marquee direction="up">#</marquee>

EXAMPLE:

studybuddylearn

[We can change any background color. Just put the code of your choice color.]

 5)Explanation:This is the simple code for changing the color to red. Even you can change the background colour by replacing your favorite colour code in the place of "#FF0000". 

CODE:

<marquee bgcolor="#FF0000">#</marquee>

EXAMPLE:

  studybuddylearn 

 6) Explanation:This is the simple code for moving text with background colour and coloured text. here I choosed red background color and font color as white. Here you can change by replacing favorite background colour code in the place of "#FF0000" and Font colour in the place of "White". 

CODE:

<marquee bgcolor="#FF0000" style="color:white;">#</marquee>

EXAMPLE:

  studybuddylearn 

 7) Explanation:This is the simple code for moving text with speed control. Here scroll amount indicates the speed. you can increase or decrease the text speed by adjusting in number "20".

CODE:

<marquee scrollamount="20">#</marquee>

  studybuddylearn

8)Explanation: This is the code for adding hyperlinks.Add any URL you want and give topics of whatever you want.

• Your link should be placed in the place of " TYPE URL HERE".
• You can type your text in the place of " TOPIC".
• Viewers can click your link by this code and visit your site.
• You can try the DEMO link given below.
• You can add link by adding" <a href="TYPE URL HERE">TOPIC</a>" from given code.
• You can reduce your link by canceling " <a href="TYPE URL HERE">TOPIC</a>" from given code.

  I have added three links,you can add links according to your need.

TYPE 1:

CODE: 

<marquee behavior="scroll" align="middle" direction="left" bgcolor="#660000" scrollamount="8" onmouseover="this.stop()" onmouseout="this.start()"><a href="TYPE URL HERE">TOPIC</a> |<a href="TYPE URL HERE">TOPIC</a> | <a href="TYPE URL HERE">TOPIC</a></marquee>

DEMO:

Home page |Blogger seo settings | How to start blog 

TYPE 2:

CODE:

 <marquee behavior="scroll" align="middle" direction="left" bgcolor="#660000" scrollamount="8" onmouseover="this.stop()" onmouseout="this.start()"><a href="TYPE URL HERE">TOPIC</a> <div></div><a href="TYPE URL HERE">TOPIC</a> <div></div> <a href="TYPE URL HERE">TOPIC</a></marquee>

DEMO;

Home page

Blogger seo settings

How to start blog