How To Put Your Blogger Labels And Archive Within A Scroll Box

On a blog I am currently doing design work on I we had a problem with the size or length of both the blog archive and labels gadgets.The blog has being going for a number of years posting daily so the archive is huge and the author has about 100 labels.This of course means that the Labels gadget and blog archive gadgets are very long thus taking up a lot of space.

Now you could display the archive and Labels as a drop down but the owner of the blog wanted to leave them as lists, they felt the readers used the lists to navigate the blog.The solution I came up with was to place the archive list gadget and Labels gadget within a scroll box and I was (as was the blog owner) very happy with the results.In this post I am going to show you exactly how I did it, and it only takes a line of code.

If your not familiar with the Blog archive/Labels gadgets you can add them to your blog by going to the layout page, clicking add a gadget then scroll to find each.

I don't have a live demo for this one but you can see the difference in the screenshots below :
Click Here To View Full Post >>