Widget in Scroll BoxIf you widget,list etc. are being too ling then what to do.The problem is not with them but with the space they occupy in your Blog.Then its best to keep them in scroll box.Blogger Rounder’s too suffer from this problem because of Archive Widget.It was taking too long space so we kept Archive in Scroll Box.If you want to Keep in Scroll box then you can try this.


Identifying the Unique ID .

To keep the Widget in Scroll box you need to Identify the ID and Classes.If you want to keep widget in Scroll box then you need to identify the widget ID and Classes like HTML1 , HTML2.To find the Widget Id Easily learn from here.

Adding Scroll box.

  1. To keep the widget or ID in Scroll box then just add CSS like this.
  2. /* Scroll box */
    #ID {
    height: 200px;
    Width:200px;
    overflow: auto;
    }
    /* BloggerRounder.blogspot.com */
  3. Where,
    • In Line1 Replace ID with with Widget ID or Of anything Else which is to be kept with Scroll box.
    • In Line 2 and Line 3 change height and width as your Wish.If you want to do it correctly then use measure it from here.
  4. If you don’t know how to add CSS the learn from here.

Here is Live Demo of using in Scroll box.

Get it

Admin of Blogger Rounder
Shirshak is the Administrator of the Blogger Rounder who thinks he will die next to Blogger. He is Completely devoted to Blogger and thinks Web Designing will makes is career.You contact using contact form from navigation tab to him.You can find him in Twitter.

Subscribe for free
Thanks for visiting Blogger Rounder.We can subscribe to Blogger Rounder's by RSS feed or email updates.

0 comments on "Using Scroll box in Blog.":

Post a Comment

We Love To Hear Comments from You.Comments are Welcome.You can comment here regarding this Post.If it is not related with the post you can ask a question by Contacting Us.Before Comment Please Subscribe To our RSS or email updates.Publishing Spam Comment is Not allowed.If you want to Add Code then Please Encode it.
Simple Tags like <a> ,<strong>,<b>,<em> and <i> are allowed for preventing spam

Newer page Older Pager Home Pager

Pls share this page

Get this
Copyright © 2012 Blogger Rounder .Designed by Shirshak.
back to top