Scroll Bar Widget For Blogger

Add a scrolling bar to sidebar of blogger text or labels if list is too long.This scroll bar helpful if you have so many categories or want many posts to be seen in short space.

Lets Make a Scrolling Bar menu for your Blog

First of all sign in your blog and go to Layout section. Now you have to click on Add a Page Element Where you want to add the scrolling bar widget.
Select HTML JAVASCRIPT to add the page element .

Now You have to add some html codes to his page element to show of the scroll bar menu widget to the sidebar of your blogger.


<div class="widget-content">

<ul style="height:150px;width:150px; overflow:auto; ">



<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li>

<li><a href="http://www.blogaddress.com">Your Text</a></li><span style="font-weight:bold;"></span>



</ul></div>

<a href="http://rilwanblog.blogspot.com/2009/10/scroll-bar-widget-for-blogger.html" target="_blank">Get This

</a>

Copy this codes and paste it to page element and save it.

Now preview your blog.

You can change your links and text in the codes to show of yours links and posts.

2 comments :

DIEDA said...

THANKSSSSSSSSSSSSSSSSSSSS <3
done ouh , and its was so awwwwwww-someeeeeee ! haha

Rilwan's said...

Welcome DIEDA :)

Post a Comment