Learn How To Become a blogger ,Free Templates,Blogger Widgets, Blogger Gadgets,Blogger Tricks And Tips ,Download browsers,software,Net

Friday, August 17, 2012

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;
} 

0 comments:

Post a Comment

Please do not spam Spam comments will be deleted immediately upon our review.

Regards,
JeHad Hussein

Note: Only a member of this blog may post a comment.

Subscribe via email for free

Activate your subscription by clicking on the link in an email from Feedburner. We respect your privacy.

Most Popular

 

random topics

Followers

Bloggers - Meet Millions of Bloggers

Are you looking for?

Become a Fan On Facebook!

Follow @Bloggertofree