Why are we restricted to a 800 pixels width in Blogger if almost 100% of users use bigger resolutions?
According to W3Schools Browser Display Statistics, in January 2008 more than 90% of the users have 1024 or bigger resolutions.

In this blog I will publish step by step guides to increase the width of some Blogger templates.
If you don't feel like changing it yourself, just download and use the new template in the end of each guide.

Monday, November 24, 2008

Minima 1024 Template

Changing the width of Minima template is simple because there is no images to adapt.

I have increased the size of the Minima Template by 140 pixels and here is the step by step guide for you:

Step 1
Follow the menu links: 
Customize -> Layout -> Edit HTML

Step 2
Find the css entry #header-wrapper and add 140 pixels to the width property. The change should be:

#header-wrapper {
  width:800px;

Step 3
Repeat Step 2 to the css entries:

#outer-wrapper
...
#main-wrapper
...
#footer

And that's all you need to know to increase the width of your blog!

Download

If you don't want to do the changes yourself, just replace your's b:skin tag by the following:


Preview

Preview this template in:

Posted by José Almeida at 9:42 AM
Labels:

1 comment:

Meredith said...

Thank you for all your help with this. I use the Minima template, but I'm not happy with the layout of my blog and I would like to extend the header and add some sort of background image. With all the instructions you've provided, I hope to able to do this.

February 18, 2009 at 2:37 PM

Post a Comment

Subscribe to: Post Comments (Atom)