Increasing or reducing space of Sidebar at Blogger.

What about increasing or decreasing the sidebar at Blogger.If you are using the Template that is not accessible with Template Designer then the alternative way is to modify CSS.Lets do it.

1. Go to Blogger Dashboard>Design or Template>Edit HTML
2. Find the Following lines similar to this.

   #header-wrapper { 
   width:960px; 
   } 
   
   #outer-wrapper { 
   width: 960px; 
   margin:0 auto; 
   padding:10px; 
   } 
   
   #main-wrapper { 
   width: 610px; 
   } 
   
   #sidebar-wrapper { 
   width: 320px; 
   } 
   
   #footer { 
   width:960px;
   }

3. Margin means Space outside boarder.Padding means Space inside border.Width means space with out padding and margin.So We  know that Total Width=Width+Margin+Padding
4. We must also know that Outer Wrapper=Main Wrapper+Sidebar Wrapper.
5. Then if you want to increase width of Sidebar then you should reduce the width of main wrapper and increase width of Sidebar.This is reverse for increasing Width of post area.

Possible case.

• If you will increase sidebar but not width of outer wrapper or decrease main wrapper then Main post area will push sidebar to Bottom.
• Padding and margin may affect your Blog..
• Your border may get affected if your template use image for rounder corner.

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.