Blogger: how to add a scrolling text


A moving text is a feature that you can add in your blog by using a marquee HTML code (<marquee> tag). This feature moves a text with in a box automatically. 

The most interesting thing is you don't need a coding knowledge to add a moving text in your blog. It is all about copying a code and pasting it in your blog (whether in a post or widget).


This post is going to give you different HTML codes for scrolling text(s) and show you how to install it in your Blogger blog.


What is a scrolling text?

A scrolling or a sliding text or a moving text is a text that moves automatically within a specified box which can be added in a blog or website by using a simple HTML code with a <marquee> tag. The text can move any direction (vertically or horizontally) depending on your needs and how you set it.


Why you should use a scrolling text?

A moving text makes your blog looks stylish and attractive. This can help you to catch the readers attention when are landing in your blog.


Also, it makes your visitors consider what is written in a moving text. Thus, in this case, your message will be delivered easily.


Scrolling text HTML codes

Code 1: A simple moving text code

Preview of code 1

This moves text Right to Left


Code 2: A moving text code with background colour

To edit background colour replace #33cc99 with a code of colour you want.


Previews of code 2

This moves text Left to Right with Background Colour


Code 3: Coloured moving text with Background colour

To change text colour replace the word white with a name of colour you want


Preview of code 3

This Is A Coloured Moving Text With Background Colour


Code 4: Bolded coloured moving text with background colour


Preview of code 4

This Is Coloured Scrolling Bolded Text With Background colour


Code 5: Italic coloured moving text with background colour


Preview of code 5

This Is Coloured moving italic Text With Background colour


Code 6: Underlined coloured moving text with background colour


Preview of code 6

This Is A Coloured Moving Underlined Text With Background colour


Code 7: Moving text with speed control

To set speed adjust or replace number 6 with any number you want


Preview of code 7

This Is Scrolling Text with scrollamount="6"


Code 8: Moving Text With Direction Control

To change direction, replace the word up with left, right or down


Preview of code 8

This Is Moving Text with Up Direction


Code 9: Moving text with links (linked text)

Replace the word "url" with your link.


Preview of code 9


Link 1


Settings

  • bgcolor= - change background colour
  • style="color: - change text colour
  • scrollamount= - set a scrolling speed
  • direction= - change direction
  • <a href= your link

How to add a scrolling text in a blogger post

To add a moving text in a blogger post follow steps below.

1. Copy a scrolling text HTML code above.
2. Sign in to blogger. If you don't have a blog yet, read on how to create a blogger blog.
3. Click on create a post or click on edit post if you want to add it in an existing post.
4. Switch to HTML mode.
5. Paste the code at a place you want a scrolling text to appear.
6. Switch to Compose mode and click publish.


How to add a scrolling text in a blogger widget

To add a moving text in a blogger widget follow steps below.

1. Select "Layout" from the blogger menu/panel.
2. Click on "Add a gadget".
3. Select "HTML/javaScript".
4. Paste the code.
5. Click "Save".

FAQs

1. How do I add scrolling text to my page?

Ans: To add a scrolling text, copy the marquee HTML code and paste it in your website.

2. How do you add scrolling text in HTML?

Ans: Add the <marquee> in HTML to create scrolling text or images.


You might also like;

Tags

Post a Comment

إرسال تعليق

أحدث أقدم