In case you have a lot of links in your blog’s BlogRoll or if you want to show all your favorite books list on the sidebar, but have limited space in it then this widget will be a great help for you !
You can put as many links/ listed items as you want in this widget, they will scrolling automatically unless the visitors hovers the mouse cursor on the widget, and as long as the cursor is placed on over the widget, the scrolling will be paused, and it will only resume once the mouse-cursor is removed from the widget.
It will be displayed like this:
| BlogRoll |
|---|
Here’s the simple procedure of adding the widget to your blog:
Log in to Blogger
Go to Layout section, and click on “Add a Gadget“, select as “HTML/JavaScript“
Log in to Blogger
Go to Layout section, and click on “Add a Gadget“, select as “HTML/JavaScript“
Now this is the code to paste in to the widget:
<div class=”textwidget”>
<marquee direction=”up” width=”105″ onmouseover=”this.stop()” scrollamount=”2″ onmouseout=”this.start()” height=”200″ align=”left”>
LINE OR IMAGE 1
LINE OR IMAGE 2
LINE OR IMAGE 3
LINE OR IMAGE 4
LINE OR IMAGE 5
ETC.
</marquee></div>
NOTE: You can change or modify the highlighted code (in RED and BLUE), so as to suit your choice or blog.
Or you can even use a simpler version of this code:
<marquee behavior="scroll"direction="left">
<img src="http://path_to_your_image.jpg/" alt="Title of image" height="Height of image" width="Width of image" />
<img src="http://path_to_your_image.jpg/" alt="Title of image" height="Height of image" width="Width of image" />
<img src="http://path_to_your_image.jpg/" alt="Title of image" height="Height of image" width="Width of image" />
<img src="http://path_to_your_image.jpg/" alt="Title of image" height="Height of image" width="Width of image" />
</marquee>
Posts
