How To Customize Blogger Blog's Default Width

Blogger's default Template Designer does not allow you to customize the width of your entire blog. It offers a maximum width of 1500px for the entire blog and 500px for sidebar. Although you won't require more than this, the trick is just to teach you how things work in blogger.

You can customize blogger's maximum width by following these simple steps:


Note: Backup your blog's template before making any changes. Its good to be safe.

1. Log in to your Blogger Account.
2. Go to Template - > Edit HTML > Click Proceed > Select the "Expand Widget Templates" checkbox.
3. Using Ctrl+F find <b:template-skin>
customize blogger

You'll see lines of code similar to the following:

<b:variable default='960px' name='content.width' type='length' value='1000px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
<b:variable default='310px' name='main.column.right.width' type='length' value='300px'/>

4. To increase the blog width beyond 1000px, change the Value field to anything you want.
5. To adjust your blog’s default left and right sidebar width experiment with the values in second and third values respectively.
6. Save the template.



Now go to Template Designer and click on Adjust Widths, you'll see the slider reflecting the current values when you move it to the far end.