How To Add Auto Refresh System On My Blogge site

How to Add stylish Running Text or Scrolling Text in Blogger

How to Add stylish Running Text or Scrolling Text in Blogger
How do I add moving text to my page?
How do you add scrolling text?
How do you animate scrolling text?

Blogger is a popular blogging platform that enables individuals and businesses to create and publish their content online. It provides a wide range of customization options to enhance the appearance of your blog and make it more engaging for your audience. One such feature is the ability to add stylish running text or scrolling text in Blogger.

This feature is an excellent way to draw your audience's attention to important announcements, updates, or messages on your blog. It adds a dynamic and interactive element to your website, making it more visually appealing and engaging for your readers.

In this article, we will guide you through the process of adding stylish running text or scrolling text in Blogger. We'll cover everything from selecting the right tool to creating the scrolling text and customizing it to match your blog's design.

What is Running Text?

Running text, also known as scrolling text or ticker text, is a moving text that runs horizontally or vertically across the screen. Running text is commonly used on news and sports websites to display the latest headlines or scores. However, it can also be used to draw attention to important information, updates, or announcements on your Blogger website.

Adding running text to your Blogger website is easy, and you don't need any coding skills. You can use a simple HTML code that will create the running text effect on your website.

How to Add stylish Running Text or Scrolling Text in Blogger in 3 steps:

If you want to setup in the right way, you have to follow the method shown in the following 3 steps. Excluding any part of 3 steps can cause problems. Therefore the setup will remain unfinished.

Step 1 : Go to the desboard/Admin panel of the blogger website. So go to the layout option without delay.

Step 2 : The second step is to go to the HTML/JavaScript of the 'Add a Gadget' option.

Step 3 : Now you need to copy the completed code from the code box given below.
b Then paste the copied code in the HTML / JavaScript box.

Marquee HTML code

<marquee>
 <p><b>Hello Friends, <span style="color: red;"><a href="https://www.youtube.com/channel/UChN20H98v5ZaqI2tqe138Gw">Subscribe</a></span> to my youtube channel and stay with us.</b></p>
</marquee>

The place you want to change

1. Red colour :  Delete the red link and paste the link to your YouTube channel.
2. Light green Colour :Delete the light green text and type the text you want to display.
3. Purple colour : Delete the purple text and enter the color code you want to display the subscribe text in.

Result : Marquee tag in HTML with hyperlink

Hello Friends, Subscribe to my youtube channel and stay with us.

Extra 01 : Normal Moving Text HTML code

<marquee>
<p><b>Hello Friends, This is Running Text Moving Right to left.</b></p><p>
</marquee>

Result : Normal Moving Text HTML code

Hello Friends, This is Running Text Moving Right to left.

Extra 02 : Normal Moving Image HTML code

<marquee>
<img src="https://img.icons8.com/plasticine/100/000000/image.png">
</marquee>

Result : Running Image Moving Right to left.

Extra 03 : Scrolling Text Moving down to up HTML code

<marquee  behavior="scroll" direction="up">This is Scrolling Text Moving down to up.</marquee>

Result : Scrolling Text Moving down to up

This is Scrolling Text Moving down to up.

Conclusion:

Adding stylish running text or scrolling text to your Blogger site is an easy way to make your website stand out. By following the steps outlined in this article, you can easily add and customize running text that fits the style and brand of your website. Remember to keep it simple and not overload your website with too many animations. With these tips, your website can easily become more engaging and visually appealing to your visitors.