How to put any widget inside Scroll box in Blogger

How to put any widget inside Scroll box in BloggerThere are a lots of widgets you can find what are very long/tall, uses a lot of place and those widget make visitors to hate your Blog (don't really like keep scrolling for other widgets) and you are not able to keep clean widget area plus can not even add as many widget you want in your limited sidebar. So what you can do about these problems. Yes there is a short suggestion for you, you can put your long/tall widget's inside a scroll box and let your visitor to browse every widget easily, save sidebar space and get cleaned up!
To putting a widget inside scroll box is very easy. All you have to do is embed some line of CSS into your template. So let's get started :- 

How to put any widget inside scroll box in Blogger

Step 1: Embedding the code
  • Log in to your Blogger, select your Blog, 
  • Go to 'Template' tab, select 'Edit Html' 
  • Now find (using Ctrl+F or Cmd+F) ]]></b:skin>
  • And copy following code paste above ]]></b:skin> then move to configuring.

/* Scroll box by starts*/
#widget Id .widget-content {
height: 200px;
overflow: auto;}
/* Scroll box by ends*/

Step 2: Configuring
  • Now get your widget id to make this widget in scroll box to work. Every widget have a unique widget Id, For getting your widget Id - go to 'Template' tab select 'Edit HTML' and select 'Jump to widget' and you will see list of your current using gadget's Id (example-HTML1, HTML2, Blog1 etc) or alter way to find Widget Id is - First preview your Blog while you logged in, The widget you want to put inside scroll box, in lower right corner of that widget you'll see a small wrench, Hover mouse pointer on wrench icon and bottom of web browser a link you will see, the link's last word contains your widget Id (see below picture as example) And replace 'widget Id' with your widget Id, save template.And see this tutorial working live on your Blogger blog.

  • Current the scroll box height is 200px change the size if 200px is not small or big for you.

Putting widget like Blog archive, popular posts, link lists, label inside scroll box is very popular it make site more visitor friendly and clean looking. So make use of it. Happy blogging :)

Popular posts from this blog

Easily Get 50000 free Backlink for your website

7 best CMS/script for building Social networking website

13 Best Forum CMS/Script to use

Add Cool Social Media Sharing icons below posts in Blogger

6 Best Local Web Server software

10 Best Free Flash Editor software to use

Read Download ePub Harry Potter Books & Apk

Read Download Stephen King's Novels ePub & Apk

12 best free Article Rewriter/Spinner you can use

10 Best 3D CAD Modeling App for Android and IOS