Monday, March 9, 2015
How to add Scrolling text marquee html code for Blogger
Hai..! I am explaining how to add Scrolling text(also called as marquee)to your blog sidebars,blog posts,etc...!
So, this is how it goes to add the scrolling text in your blog...! lets see :
Type 1:
Here is the code to add a simple scrolling text from right to left side
The output will be like:
This is Another way to attract the visitors is adding some decoration to the site like scrolling text,etc.But,dont decorate it too much,particularly if your site contains too much text as it irritates and spoils the concentration of the reader.You can add scroll bars to tell your visitors what will be your next updates,popular posts,advertisements,etc.
So, this is how it goes to add the scrolling text in your blog...! lets see :
Type 1:
Here is the code to add a simple scrolling text from right to left side
The output will be like:
Type 2:
If you want some more attraction,then try these,
Add a background color to the text,
If you want some more attraction,then try these,
Add a background color to the text,
You can choose your background colour by replacing the hexadecimal code(#99ccff).
Click here to see the codes of the different colors.
Here are some mode attributes to learn:
direction="left" direction="right" direction="up" direction="down" |
Type 3:
The above attributes tells the text which direction to scroll.
Use the code below:
Here is are some examples:
To scroll Right :
To Scroll Up :
To Scroll Down:
Type 4:
More Attribute:
- You can add this attribute to alternate the text
- You can also set the speed of the text with this simple attribute:
the html code for this:
Output for above code:
the html code for this:
Type 5:
Here this code is to stop the text scrolling when the cursor is on text.
(place the mouse over the text to test it)
Changing the text colour:
Here is the code to change the text colour:(Add it before the marquee tag)
Here is the code to do this
Output:
Note : If the snow effect is ON in the blog this above OutPut is not the one expected.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.