Blogger Tricks : Add Scroll Bar Widget

0 comments
Save to del.icio.us 0 hits!



Scroll Bar Widget For Blogger i.e to 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.


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>

<span style="font-weight:bold;"></span>

</ul></div>




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.

Note:-In the codes you can edit height and width in green to adjust it to your blog.

Related Posts :



Comments
0 comments
Do you have any suggestions? Add your comment. Please don't spam!
Subscribe to my feed

Post a Comment

About Me

Latest posts

Blogger Zone