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.
change width of body post and sidebar


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.
change width of post body snd sidebar

Step 4.  Now hit the Apply to Blog button
change width of blog post body snd sidebar


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 ;-)

About the Author:
tilt  hover effect
Hello folks! This is GOLDEN WORKS TV, the admin of this blog. No words could described my grateful appreciations to all newbie and professional bloggers around the world and most especially to Almighty God who gave me the wisdom...Read More
Follow him @ Twitter |Facebook


Express yourself!
1 comment : Post Your's Buddies!

Post A Comment!
We love to hear your feedbacks and suggestions. We will try our best to reply to your queries as soon as time allows. Please Keep in mind that all comments are moderated manually by our editors team to minimize spamming, and all the links are nofollow.

Note:
1. To add HTML code in the box, please use our HTML editor generator.
2. Please do not spam. Those type of comments will be deleted upon our review.
3. We should appreciate an individual and suggestive discussion.

Best Regards,

GOLDEN WORKS TV

Related Posts Plugin for WordPress, Blogger...