Tuesday 4 March 2008

How to Change Blog Width in Blogger

Change width of blog in Blogger, one of the question what my readers often ask me. Well, changing blog width is not so hard. Width is one of the main part of your blog design. You must to choose correct width for your blog first. Standard width of your blog in Blogger is - 660 px.

If you want to change it, just follow my small tutorial:

1. Go to your Blogger Dashboard and click 'Layout'.

2. Click 'Edit HTML'.

3. Now Backup your template by clicking 'Download full Template'.

4. Now you need to find CSS Style for your blog body. Just find this line :

#outer-wrapper {

5. There mast be Width: 660px parameter under that line. Just change it to your width. (#outer-wrapper is default CSS name of blog body parameters, but if you are using template what was designed by someone, this parameter can have different name. Usually its situated after #body parameter, the name can be: #page, #blog, #blogbody or something like that).

6. After changing , preview your blog by clicking 'Preview' button. If everything is OK - click 'Save Template'.

That's all! Is it so hard? I think - no. You can also read :

13 comments:

Melissa said...

Thank you so much! My header was like 18px too wide and driving me crazy. Thanks for this super easy and helpful post!

Kelli! said...

Thankyou! I tried a couple different versions of this tutorial I found through google and yours is the easiest one and the only one that worked.

Magnus said...

Thanks, just what I needed.

Maaike said...

Great! For the first time something I want to change actually works! Thank you!

Anonymous said...

Thanks a ton! Simple and easy steps helped.

David Stiles said...

Thank you, thank you, thank you. On with my life now.

FixarFarsan said...

Worked great! I changed my sidebar from 234 to 252 width! Thanks!

murup said...

Nice tip.

suresh kumar said...

Hey this was very helpful for me to change my page width thank you so much......

Unknown said...

This method only works for old templates. For new templates this method wont work. For new templates see the following tutorial http://living-in-dream.blogspot.com/2011/07/how-to-change-width-of-blog-in-blogger.html .
Hope it will help!!!

Vijay. . said...

Hi Pals,
If Anybody is facing difficulties or confusion in altering width of your blog,This may help you
http://www.blognpctricks.in/2011/12/change-width-of-headerfooterany-section.html

Dick Olango said...

GREAT!

prasanth said...

love you dude. Great post. Thanks