Changing the widths of body, post and sidebar in Blogger blog is a neccessary 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);
Let me hear your thoughts about this article on how to change width of body, post and sidebar in your blog? Happy Blogging Buddies ;-)
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.
No comments:
Post a Comment