How to add moving text in the blog using marquee tag..

how to add moving text in the blog using marquee tag..

hello friends once again welcome to the digital magnate blog in this tutorial

we know how to add moving text in the blog using the marquee tag..

add moving text in a blog or website is one of the finest things for bloggers, and every want add moving text in the blog. mostly moving text in the blog are attracts visitors and force them to come back to your blog/website.

So lets start the tutorial on how to add moving text in a blog using a marquee tag...

1. log in to Blogger.com and go to your blog's dashboard.

2. Click on Layout.

3. Click on Add element..

4. select Html/Text from the list of gadgets.

5. Paste the marquee code. below are some examples for marquee tags with output.

1.) Adding Simple moving Text:

<marquee>How to Add moving Text To Your Blog/website</marquee>

The Output look like:

How to Add Simple Scrolling Text To Your Blog

2.) If you want to add colors in the background then try this:

<marquee bgcolor="#99ccff">How to Add moving Text To Your Blog/website</marquee>

<marquee bgcolor="#99ccff"> How to add simple scrolling text to your blog</marquee>

The Output like :

How to add simple scrol

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

k𝗶𝗻𝗱𝗹𝘆 𝘀𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 𝘁𝗼 𝗼𝘂𝗿 𝗰𝗵𝗮𝗻𝗻𝗲𝗹 𝗳𝗼𝗿 𝗺𝗼𝗿𝗲 𝘃𝗶𝗱𝗲𝗼𝘀 Click here ➜ https://www.youtube.com/c/Digitalmagn...

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:

<marquee direction="right" bgcolor="#99ccff">How to Add moving Text To Your Blog/website</marquee>

The Output will shown below:

How to add simple scrolling text to your blog

For Moving Text up change the direction attribute to up:

<marquee direction="up" bgcolor="#99ccff">How to add simple scrolling text to your blog</marquee>

The Output will shown below:

How to add simple scrolling text to your blog

As like above for moving text down change the direction attribute to down:

<marquee direction="down" bgcolor="#99ccff">How to add simple scrolling text to your blog</marquee>

The output will shown below:

How to add simple scrolling text to your blog

4.) For setting the speed of text Moving just add some more attribute:-

<marquee direction="left" bgcolor="#99ccff" scrollamount="2">How to Add moving Text To Your Blog/website</marquee>

The output like:

How to add simple scrolling text to your blog

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

Its a very useful option because when the reader wants to read the text and the scroll amount is big so that 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">How to Add moving Text To Your Blog/website</marquee>

The output like:

How to add simple scrolling text to your blog

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

<marquee direction="left" bgcolor="#99ccff" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4"><a href="tekleisure.blogspot.com>How to Add moveingText To Your Blog/website</a></marquee>

The output like:

Yahoo | Google | Blogger tips and tricks

Now save your HTML/Javascript widget and check your blog.

You Are Free To Ask The Questions By Commenting.

𝗪𝗮𝘁𝗰𝗵 𝗼𝘂𝗿 𝗼𝘁𝗵𝗲𝗿 𝘃𝗶𝗱𝗲𝗼𝘀 ➜https://www.youtube.com/c/Digitalmagnate/videos?sub_confirmation=1 Want your own website? E-mail us your requirements to gosocialmakedigital@gmail.com