How to Put Any Widget Inside Scroll Box for Blogger Blogs

Do you have a problem that your blog become too long? that it’s beginning to wear down your readers? Making them click the scrollbar over and over again just to view the next widget?

If you do, then it’s about time you stop it from testing your readers’ patience and taking over your blog valuable screen space. Put tall widgets where they belong -inside a scroll box.

 
This tutorial will place your widget content in a scroll box. The title will be held static, visible at all times.

Let us begin,
Identify which widget is going into a scroll box. Find the widget ID. Go back to Dashboard > Design > Edit HTML. Find this line of code in your template:

]]></b:skin>

Add the code below right before (above) the line.

/* Scroll box by blogs911.com START */
#YourWidgetId .widget-content {
height: 200px;
overflow: auto;
}
/* Scroll box END */

Replace YourWidgetId with the widget ID. (You can also replace the whole selector with any element ID and this code will put that element in a scroll box).

Change height as you like.
Enjoy!