How To Put a Widget inside a Scroll Box

Maybe you have noticed in several blogs/websites that they have alot of widgets which have just ruined there blog style and space.Now to get rid of these long widgets , you can put them in a Box having a Scroll bar.Any tall widget like Blog Archive etc widgets must be placed in a Scroll box.

This will save your Blog Space and will make your blog easy and navigative for readers.Implementing this Widget will enables you to place your widget content in a Scroll box , so your readers can easily navigate blog contents.In this Scroll box , all titles will be static and can easily be accessed by your Readers.

 

How To Put a Widget inside a Scroll Box

• Find the Widget ID You want to place it in a Scroll box
• Visit Blogger Dashboard.
  • Click On Template
  • Edit HTML
  • Search for this Code

  ]]></b:skin>

  • Now Copy the below Script and add 

    it above this Script ]]></b:skin>

  /* By thatsBlogging.blogspot.com START */
  #WidgetIdYouWant2PlaceinScrollBox .widget-content {
  height: 200px;
  overflow: auto;
  }
  /* END */  

  • Replace WidgetIdYouWant2PlaceinScrollBox  

    with Widget ID >>Save Template and that's it!
    
    So What's Up : If You have Any Question regarding this Tut ,
    ask freely we are here to reply! Stay Blessed ,Happy Blogging!
    

SHARE

Iftikhar Uddin

I am a Web Developer,Graphic Designer,Blogger Wizard,WordPress Samurai,Code Engineer,SEO Guru,Software Engineer and food hunter.

• 
• 
• 
• 
•