We have added a scrolling text widget in one of our previous post and many readers thanked us that they like that “ to and fro” pendulum scrolling text widget. Recently one reader asked us about a one side continuous scrolling text widget. Here in this widget, the text will scroll in only one side similar to “ electronic advertisement display units ”. Please feel free to ask anything related to this widget. Follow our blog for more tips and subscribe our Feed, if you like the post.
HOW TO ADD CONTINUOUS SCROLLING TEXT WIDGET
This continuous scrolling text widget will help you to display scrolling text continuously in one side. Follow the below given steps to install it on your blog.
STEP A:
Log in to your “DASHBOARD’. Then click on “LAYOUT” and then go to “PAGE ELEMENTS”. Click on “ ADD A GADGET”. Select “HTML/JAVASCRIPT”. Now go to Step B to copy and paste the entire code given there in RED colors. Then Save.
STEP B:
<!—CONTINOUS SCROLL CODES BY businessvartha.blogspot.com --><marquee behavior="scroll" direction="left" bgcolor="#CCCCCC" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50">PUT YOUR TEXT HERE</marquee><a href="http://businessvartha.blogspot.com/2010/06/add-continuous-scrolling-text-widget-in.html"/><span style="font-size: 60%">Get this Widget</span></a>
Some edits for the above codes
You may change the appearance of that scrolling text by editing some part of the code according to your ideas. Here I will explain where to edit and how.
DIRECTION OF TEXT
direction="left"
direction="right"
direction="up"
direction="down"
BACKGROUND COLOUR
- bgcolor="#CCCCCC"
You will get many color codes in this below given chart. Simply select the color and view the code of that. Type the code of desired color and replace in the above code. This will change the background color of the area where you place the Scrolling Text. Don't remove the hash tag (#) before the color code.
Click on the picture to view
SCROLLING SPEED
scrollamount="2" You may change the speed of scrolling by changing 2 to any number you prefer.
CHANGE YOUR TEXT
- PUT YOUR TEXT HERE
This is the area where you had to provide the text of your choice. Please note that you had to limit the number of words according to the space in your blog where you wish to display this widget
Once you finish the editing, then copy code and paste it in the box provided as in Step A. Click on Save. You can view the text scrolling in the widget area. If you like to make any changes, just ask me , I can give you additional tips.
Similar Utilities:
6 comments:
Thank u for the scrolling text. I have used in my blog www.indianexserviceman.blogspot.com and our website: www.exweltrust.org.
I want to edit/scroll the text in one or two words. just like shown below. Please help.
Dear Veterans
If you have
not received the
arrears please
contact through
our website
e-mail
I want the above text should scroll vertically up. Pl. help.
Thank u.
really a helpful tutorial....it helped me gettin the hex colour code for my blog....
happy bloggin :-)
Dear Muthukrishnan,
Please use the code by changing direction as "up" and type all those text as you want in the place of PUT YOUR TEXT HERE. Dont change anything else. It will work. Any doubt, please feel free to ask us
Hope that you will subscribe our feed also...
Yes i submitted my blog with scrolling text. Really helpful information for me.
hi... ur widget is great... i was just looking for this.... just wanted to ask u one thing.... how can i add more than one text statement?? i want them to flow one after d other.... as soon as d previous one has passed d page.... can u pls help me out??
appreciate d help.... :) :)
how can i put my top blog posts(most viewed) into the previous code for moving text...basically i want to the top of my blog to have a most viewed posts area similar to www.strikegently.com (you will see he has it at the top of his site) thanks in advance
Post a Comment