Thursday, August 22, 2013

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!