How to Add stylish Running Text or Scrolling Text in Blogger

Hello buddys, welcome to the Mironiyar blogger tutorial. Today I will show you How to Add stylish Running Text or Scrolling Text in Blogger.

How to Add stylish Running Text or Scrolling Text in Blogger
How to Add stylish Running Text or Scrolling Text in Blogger

The following are the 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.

How to Add stylish Running Text or Scrolling Text in Blogger

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

Blogger special effects scrolling text widgets

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

Blogger special effects scrolling text widgets

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://youtube.com/channel/UCKUd35TKEG7zBrNzi74QQDQ">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.

Like, Follow & Subscribe

Hay, Please do not enter any spam link in the Comment Box...

Post a Comment (0)
Previous Post Next Post