How to Change Width of Body, Post and Sidebar in Blogger

Changing  the width of  body, post and sidebar in Blogger blog is a must in order to make some changes that would be advantageous to your part. First in line is you can put a  wider stuffs/widgets on your sidebar  especially for  your Adsense ad to increase its click through rate (CTR). Secondly, you can add a  larger image size  in your posts which gives your blog a better and professional looks.

I had tried to search the tag like " #Outer-Wrapper " ,  "#main-wrapper " and  " #sidebar-wrapper" but none of these code is present in my Blogger's Template so I decided to use the most easy way in changing the width of  my blog's body  and sidebar through  Blogger Template Designer. This technique is safe and more comfortable to use. Without much words to say let us now follow the very simple steps below.

Changing Width of Body and Sidebar in Blogger

Step 1. Go to your Blogger Dashboard >> Template >> Back-up
Step 2. Click Customize
Step 3. Hit  the Adjust widths button. Here, you can adjust the width of your entire blog and its sidebar depending upon your likeness.

Step 4.  Now hit the Apply to Blog button

Adjust the width of post by putting CSS

Copy the code below and paste it above the code ]]></b:skin>

.post { background: #fff; margin: 0px 0px 35px;
width:680px;
padding: 10px 15px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
box-shadow: 1px 3px 4px rgb(188, 188, 188);
}

Note: 
In my own blog which has an entire width of 1100px and a sidebar of 320px, the most  fit post width is 680px. Just change the value 680px depending upon your entire blog's width. You can immediately see the effect since the preview page is located  in the bottom part of it.

Let me hear your thoughts about this article on how to change width of body, post and sidebar in your blog?
Happy Blogging Buddies ;-)