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:
