Flag This Hub

Blogger Blogspot Blog: How to Adjust Widget Distance in Sidebar

By


Widget Distance in Blogger Sidebar

Once question often raised by many bloggers who are beginners is that how to adjust the distance between widgets added to sidebar. This is a very reasonable question since this issue has a general effect on blogger blog layout. Blogger blogs with sidebar widgets which are quite distantly apart are just not right to see, because there are too many empty spaces between the widgets. On the other hand, blogs with sidebar widgets which are rightly placed will look more professional and more compact. Readers will also be more convenient with rightly placed sidebar widgets as they do not have to do too much scrolling to see blogs widgets.

You may look for a blogger template with rightly placed sidebar widgets for you to use, but this may take a lot of time. You may find one template like that, but you may not happy with other parts of the template. So, one way to solve this is to tweak the sidebar widget distance yourself. This will be explained here.

First, have a look on 2 images below showing different sidebar widget distance. The image on the left shows sidebar widgets which are quite distant one another, while the image on the right indicate the rightly place sidebar widgets.

.sidebar .widget, .main .widget { 
  border-bottom:1px dotted #DEDEDE;
  margin:0 0 1.5 0em;
  padding:0 0 0.5 0em;
 }

How to do this?

Adjusting sidebar widget distance in blogger is quite easy to do. You just need to change the margins that regulate the distance between the sidebar widgets.

  1. Log in to your Dashboard and then Design and then HTML
  2. Look for the code indicated on the right
  3. Change the value of the margin (reduce it to make widgets closer one another). Margin 0 0 0 1.5 mean margin from top, right, bottom and left. In this case, change 1.5 to 0.25, for example
  4. Save your template and preview it.

Comments

No comments yet.

Submit a Comment
Members and Guests

Sign in or sign up and post using a hubpages account.



    Like this Hub?
    Please wait working