How to add scrolling texts or images into the blogger blog by using marquee tag?

Are you looking for what is marquee tags? or how to add scrolling images or texts into your blogger using marquee tags?

Maybe you have identified some text or images that should move or scrolling across the define section of blog or web pages in a horizontal or vertical direction or bouncing across some area. Would your interest to know how is that happening or Are you looking for how to scrolling images and text in blogger blog or other web sites?

If you are working with a blogger blog, you know that there are limited features in blogger platform than other blogging platforms. But by using HTML codes we can solve that issue.

What is marquee tags?

Marquee tag is a tag that used for scrolling piece of text or image displayed either horizontally or vertically dawn in your blog/web page. simply that marquee element used to insert a scrolling area of text or images in your blog/web page.

For scrolling images or text in the blog or web pages we can use ‘<marquee> tag’. That marquee tag used to move or scroll text and images across a section of a blog or web page in a horizontal or vertical direction or bouncing across some area. 

Before we discuss, you should know that the ‘<marquee> tag’ is Obsolete and most of the time should not be used because of unexpected results in using, limited support from the web browsers or by using the CSS or JavaScript we can create similar effects. But don’t worry still we can use that code to scrolling image or text without any issues. 

By using marquee tag you can do much more things rather than the scrolling images or text, also you can create bouncing text/images, slide in images, slow and/or fast scrolling and much more.


<marquee ……… </marquee>, that is the basic marquee tag code. By written more Attributes into that code we can customize our marquee tag as we wish.


Below are some attributes that help to do more customization of our marquee tag.

Behavior

Sets how the text or image is scrolled within the marquee. Most possible values are scroll, slide, and alternate. If there is no value is specified, the default value is a scroll.

bgcolor

Sets the background color through color name or hexadecimal value of the marquee.

direction

Sets the direction of the scrolling of image or text within the marquee. Possible values are left, right, up and down. If there is no value is specified, the default value is left.

width   

Sets the width in pixels or percentage value of the marquee.

height

Sets the height in pixels or percentage value of the marquee.

hspace

Sets the horizontal margin around the marquee.

loop

Sets the number of times the marquee will scroll. If there is no value is specified the default value is -1, which means the marquee will scroll continuously.

scrollamount

Sets how far to jump as it moves. That sets the amount of scrolling at each interval in pixels. If there is no value is specified, the default value is 6.

scrolldelay

Sets How long the marquee should wait before each jump? That sets the interval between each scroll movement in milliseconds. If there is no value is specified, the default value is 85.

* Any value smaller than 60 is ignored and the value 60 is used instead unless true speed is specified.

truespeed

By default, scroll delay values lower than 60 are ignored. If true speed is present, those values are not ignored.

vspace

Sets the vertical margin in pixels or percentage value around the marquee.

How to add scrolling images into blogger blog using marquee tag?

     

  1.   Log into your Blogger blog account -->> Go to Dashboard __>> new post __>> click on HTML tab to open Html mode or, Go to Layout __>>Add widget -->> HTML/Java Script   __>>copy paste your marquee code __>> Save/ Publish.

Below the example of customizing marquee code with the live demo.

<marquee direction="right" width="250" height="200" style="border:solid">Hi There! Your scrolling text here</marquee>

Add Scrolling Text into blogger using marquee tag

Scroll from left to right

<marquee direction="right" >Hi There! Your scrolling text here</marquee>

Hi There! Your scrolling text here

Scroll alternatively. With attribute behavior that bouncing back and forth

<marquee behavior="alternate" >Hi There! Your scrolling text here</marquee>

Continuous scrolling

<marquee behavior="scroll" direction="left" >Hi There! Your scrolling text here</marquee>

Scrolling upwards

<marquee direction="up" >Hi There! Your scrolling text here</marquee>

Scrolling downwards

<marquee direction="down" width="250" height="200" style="border:solid">Hi There! Your scrolling text here</marquee>

Scrolling from the top down alternative that bouncing up and dawn

<marquee direction="up" behavior="alternate" width="250" height="200" style="border:solid">Hi There! Your scrolling text here</marquee>

Bouncing text

<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid"> <marquee behavior="alternate"> Hi There! Your scrolling text will bounce</marquee></marquee>

Change the Scrolling speed

<marquee behavior="scroll" direction="left" scrollamount="1"Hi There! Your scrolling text here</marquee>

<marquee behavior="scroll" direction="left" scrollamount="10">Hi There! Your scrolling text here</marquee>

<marquee behavior="scroll" direction="left" scrollamount="20">Hi There! Your scrolling text here</marquee>

On a Background scroll

<font color="WHITE"><marquee direction="left" style="background:RED">TEXT</marquee></font>

<marquee style="border:RED 3px SOLID">TEXT</marquee>

Add Scrolling images into blogger using marquee tag.

Scrolling both images and Texts

<marquee>Your scrolling text here<img src="YOUR-IMAGE-URL-HERE" > </marquee>

Scrolling left

<marquee behavior="scroll" direction="left" >

<img src=" YOUR-IMAGE-URL-HERE “>

</marquee>

Scrolling up

<marquee direction="up">

<img src=" YOUR-IMAGE-URL-HERE "/>

</marquee>

There are a few numbers of marquee codes. You can customize those codes as you wish.

By using that scrolling <marquee> tags you can easily build up simplenews ticker barinto your blogger blog.

I Hope above methods help you to add scrolling texts or images into the blogger blog by using marquee tag. And if you have any problem or know more fixes on this scrolling texts or images issue, please share with us in the comments section below.