Reducing Space by keeping Widget in Scroll Box.

How much do your Blogger Widget or something occupy space in Blogger.If it occupy more space then it may create hindrance to your reader and they may be out of your blog causing destruction to You!Then what to do.I recommend you to close them be a scroll box.

Enclosing Widget in a Scroll Box

1. Go to Blogger.com
2. Click on Design or Template
3. Go to  Edit HTML
4. Find your widget id like (HTML1,Html 2 etc.)
5. Go to Template designer
6. Click on advance and click on Add a CSS.
7. Add this following code.

   /* Scroller by BloggerSinker.blogspot.com */
   #WidgetId .widget-content {
   height: 100px;/* Changing Height*/
   Width:100px;/*Changing Width*/
   overflow: auto;
   }
   /* Scroll box END */

8. (In Template HTMl)The Code can be added just above the ]]></b:skin>
9. Where
   1. In Line 2 you should replace WidgetId with your respective Widget Id.
   2. In Line 3 Change 100px to your height as your wish.
   3. In Line 4 change width  100px to your width as your  wish(This line can be removed too)
10. Cheers

If you have any problem please comment.

Subscribe At free
Thank you for visiting FacebookSinker.blogspot.com. Please don't miss any of the updates by subscribing to our RSS feed or email updates.