Marquee Scrolling Text For Bloggers

Marquee Scrolling Text For Bloggers

1.Login to your blogger dashboard and go to Desing --> Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below and click save.


Continuous scrolling text:

<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>

This code results in:

Your scrolling text goes here

Text bouncing back and forth:

<marquee behavior="alternate">Your bouncing text goes here</marquee>

This code results in:

Your bouncing text goes here

Text Scrolling Upwards:

<marquee  behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>

This code results in:

Your upward scrolling text goes here

Change the Scrolling Speed:

<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee><marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee><marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>

This code results in:

Slow scroll speedMedium scroll speedFast scroll speed

Marquee Scrolling Text Codes

Left to Right

<marquee direction="left">   TEXT   </marquee>

This code results in:

TEXT

Left to Right

<marquee direction="right">   TEXT   </marquee>

This code results in:

TEXT

Back and Forth

<marquee behavior="alternate">   TEXT   </marquee>

This code results in:

TEXT

Up

<marquee direction="up">   TEXT   </marquee>

This code results in:

   TEXT   

Down

<marquee direction="down">   TEXT   </marquee>

This code results in:

   TEXT   

Up and Down

<marquee behavior="alternate" direction="up">   TEXT   </marquee>

This code results in:

   TEXT   

Angle Down

<marquee direction="down">   TEXT   </marquee>

This code results in:

TEXT

Angle Up

<marquee><marquee direction="up">   TEXT   </marquee></marquee>

This code results in:

TEXT

Angle Up Back and Forth

<marquee direction="up"><marquee behavior="alternate">   TEXT   </marquee></marquee>

This code results in:

TEXT

Bounce Around Back and Forth

<marquee behavior="alternate" direction="down"><marquee behavior="alternate">   TEXT   </marquee></marquee>

This code results in:

TEXT

Multiple Lines

<marquee direction="right">   TEXT <br> TEXT <br> TEXT <br> TEXT   </marquee>

This code results in:

TEXT TEXT TEXT TEXT

Color Lines

<marquee bgcolor="   #FF0000   " style="color:   #FFFFFF   ">   TEXT   </marquee>

This code results in:


TEXT


Color Lines

<marquee bgcolor="   #6600FF   " style="color:   #FFFFFF   ">   TEXT   </marquee>

This code results in:


TEXT


Color Lines

<marquee bgcolor="   #000000   " style="color:   #FFFFFF   ">   TEXT   </marquee>

This code results in:



TEXT


Color Lines

<marquee bgcolor="   #000000   " style="color:   #FFFFFF   ">   TEXT   </marquee>

This code results in:


TEXT


Color Lines

<marquee bgcolor="   #000000   " style="color:   #FFFFFF   ">   TEXT   </marquee>

This code results in:


TEXT


Color Lines

<marquee bgcolor="   #000000   " style="color:   #FFFFFF   ">   TEXT   </marquee>

This code results in:


TEXT


Color Lines

<marquee bgcolor="   #000000   " style="color:   #FFFFFF   ">   TEXT   </marquee>

This code results in:


TEXT