Scrolling Text Code For Blogger

1 comment

Scrolling Text Codes - Different Style Scrolling Text




1.) Adding Simple Scrolling Text:



<marquee>Simple Scrolling Text Tamil Bloggers</marquee>


The output will look like As shown below:


Simple Scrolling Text Tamil Bloggers


2.) If you want to add some background  colors then try this one:


<marquee bgcolor="#99ccff"> Tamil Bloggers With Backround Color</marquee>

The output will look like As shown below:


Tamil Bloggers With Background Color

3.) Now Move your text in different directions like as Left, right, up and down:

For moving text left add:- direction="left"
For moving text right add:- direction="right"
For moving text up add:- direction="up"
For moving text down add:- direction="down"


See the examples below:


For moving text Right change the direction attribute to down:

<marquee direction="right" bgcolor="#99ccff">Tamil Bloggers Moving Text To Right</marquee>

The output will be shown below:


Tamil Bloggers Moving Text To Right

For moving text Left change the direction attribute to down:

<marquee direction="left" bgcolor="#99ccff">Tamil Bloggers Moving Text To Left</marquee>

The output will be shown below:

Tamil Bloggers Moving Text To Left

For Moving Text up change the direction attribute to up:

<marquee direction="up" bgcolor="#99ccff">Tamil Bloggers Moving Text Up</marquee>

The output will be shown below:

Tamil Bloggers Moving Text Up

For moving text down change the direction attribute to down:

<marquee direction="down" bgcolor="#99ccff">Tamil Bloggers Moving Text Down</marquee>

The output will be shown below:

Tamil Bloggers Moving Text Down


4.) For setting the speed of text scrolling just add some more attribute:- (scrollamount="2")

<marquee direction="left" bgcolor="#99ccff" scrollamount="2">Tamil Bloggers Scrolling Text Speed Control</marquee>

The output will be shown below:

Tamil Bloggers Scrolling Text Speed Control

5.) Now Pause the text when the mouse is over the text:


It's a very useful option because when the reader wants to read the text and the scroll amount is big so the reader wants to put the mouse over the text and the text will pause there.


<marquee direction="left" bgcolor="#99ccff" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">Tamil Bloggers Pause Scrolling Text</marquee> 

The output will be shown below:

Tamil Bloggers Pause Scrolling Text

6.) The Most Important is Adding Links in The Scrolling Text:

<marquee direction="left" bgcolor="#99ccff" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4"><a href="https://www.tamilbloggers.xyz">Tamil Bloggers Link Scrolling Text</a></marquee>

The output will be shown below:

Tamil Bloggers Link Scrolling Text

7. Code For Bolded Scrolling Text With Coloured Text & Background Colour  :

<marquee bgcolor="#33cc99" style="color:white;"><b>Tamil Bloggers Coloured Scrolling  Bolded Text With Background colour </b></marquee>

The Output Will Be Shown Below


Tamil Bloggers Coloured Scrolling Bolded Text With Background color

8.Code For Normal Scrolling Text With Coloured Text & Background :

<marquee bgcolor="#33cc99" style="color:white;">Tamil Bloggers Normal-Scrolling Text With Background Colour </marquee>

The Output Will Be Shown Below

Tamil Bloggers Normal-Scrolling Text With Background Colour

9.Code For Scrolling Text With Alternate Behaviour :

<marquee bgcolor="#33cc99" behavior="alternate" style="color:white;">Tamil Bloggers Moving Text with Alternate Behavior</marquee>

The Output Will Be Shown Below :


Tamil Bloggers Moving Text with Alternate Behavior

10.Code For Moving More Than One Link :

<marquee bgcolor="#33cc99" style="color:white;"><br />
<a href="tamilbloggers.xyz">Tamil Bloggers 1</a> | <a href="tamilbloggers.xyz">Tamil Bloggers 2</a> | <a href="tamilbloggers.xyz">Tamil Bloggers 3</a><br />
</marquee>

The Output Will Be Shown Below :



Tamil Bloggers 1 | Tamil Bloggers 2 | Tamil Bloggers 3


Blogger Hex Code: Click Here

Related Posts

1 comment

Post a Comment

Follow by Email