How to add a widget inside a scroll box blogger

It is not necessarily a good thing to have a homepage that scrolls for miles. Not only can this slow down loading time, it can make you blog look unprofessional as well. Fortunately,

there is an easy solution to this problem: adding a scroll effect to the sidebar widgets/gadgets. This allows the widget/gadgets to scroll instead of your whole page.


How To Install

1. click on the 'template' tab
2. Backup your Template before making any changes to your blog
3. Now Expand Widget Templates
4.  click on the "Edit HTML".
5. Now find this code

]]></b:skin>

• Now Paste the Code Shown Below just above/before it

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

Replace YourWidgetId with the widget ID
example :

#PopularPosts1.widget-content {
height: 300px;
overflow: auto;
}