Also Read

How To Add Marquee Text In Blogger?

What Is A Marquee Text In Blogger?

Marquee is a HTML Text. It is use to make a moving over text or a image. Marquee text can be used to show Breaking News or any significant news on a News Website.

There are two different ways you can show a Breaking News in Blogger. One way is to involve show the most recent posts as Breaking News using Breaking News Ticker. Another way is to take care of text physically in the Marquee Text. 

We have tried this strategy in Chrome, Mozilla Firefox, Safari, IE and Opera Browser. For testing, we have taken the most recent news and this strategy works with practically no problem.

This implies use Cascading Style Sheets (CSS) as a different arrangement.

Today we will know how to add scrolling marquee text in blogger? 

How Do I Add Marquee Text In Blogger?

Creating a marquee text:

First create a beautiful marquee text as per your requirement. Below are some design codes.

• If you want simply text directed from right to left, use below code.

<marquee>ADD YOUR TEXT HERE.</marquee>

You can change the text by editing the text ADD YOUR TEXT HERE.

• If you want to add some background  colors then try this one.

<marquee bgcolor="#99ccff" >ADD YOUR TEXT HERE.</marquee>

Your can change your color by changing #99ccff color code. 

• If you want to move your text in any directions like Left, Right, Up and Down try this one.

<marquee bgcolor="#99ccff" direction="right">ADD YOUR TEXT HERE.</marquee>

You can change your text direction by changing below code.

direction="left"

direction="right"

direction="up"

direction="down"

• If you want to stop the text when mouse click over the text try this.

<marquee bgcolor="#99ccff" direction="right" onmousedown="this.stop();" onmouseup="this.start();" >ADD YOUR TEXT HERE.</marquee>

You can add below code to stop the text when mouse click over the text.

onmousedown="this.stop();" onmouseup="this.start();"

• If you want to add link into the scrolling text try this.

<marquee bgcolor="#99ccff" direction="right" onmousedown="this.stop();" onmouseup="this.start();" >ADD YOUR TEXT HERE.</marquee>

You can change your link and text.

<a href="https://matelistss.blogspot.com/">MATE LISTS</a>

• If you want to change the scrolling text behavior try this.

<marquee bgcolor="#99ccff" direction="right" onmousedown="this.stop();" onmouseup="this.start();" behavior="alternate"><a href="https://matelists.blogspot.com/">MATE LIST</a></marquee>

You can change your scrolling text behavior:

behavior="alternate"

behavior="slide"

behavior="scroll"

• If you want to control the scrolling text speed try this.

<marquee bgcolor="#99ccff" direction="right" onmousedown="this.stop();" onmouseup="this.start();" behavior="alternate"scrollamount="6"><a href="https://matelists.blogspot.com/">MATE LIST</a></marquee>

You can change the speed of the text by changing the number.

scrollamount="6"

Now put this code anywhere with HTML gadget as per your requirement.

Steps To Add Marquee Text In Blogger

Step 1: 

Copy the code you created.

Step 2: 

Go to blogger dashboard.

Step 3: 

Go to Layout > Add a Gadget > HTML/JavaScript.

Step 4: 

Now paste your code into the content area and save it.

You are done.

Conclusion

Hope you have successfully added these codes on your blog. If you like this way to add a beautiful marquee text in blogger, please share it to your friends.