How to Re-size BlogLayout Design of Blogger Template?

Hi bloggy readers,
In my previous post about - How to Make a New Sidebar in Blogger blog? -, i've already mentioned that Outer Wrapper is the main element that holds all the elements in your bloglayout. From the header element, post content, sidebar and footer are the main part of outer wrapper, so if you want to change the width size of any of those elements, you must firstly adjust the width size of outer wrapper and then you will be able to resize all the elements in your blog template. Now look at the picture below to catch a better understanding about the bloglayout.

In this post, i want to show you about resizing the width size of outer wrapper in our blog, in order to give an extra space for the new sized main wrapper and sidebar wrapper as well.

1. Login to Blogger
To begin this tutorial, now go to Blogger.com and log in to your Blogger account.

2. Go to Edit HTML
In the Dashboard page, pick one of your blog and go to the Layout/Design >Page Element > Edit HTML.

3. Find the code
Now press Ctrl + F at the same time, and find the code below:

4. Find the Outer Wrapper element
Okay, now look further at the red words inside the code below. The width of outer wrapper is currently 840px. In this value, now you can edit the size of the Outer wrapper that later, will affect the size of width of your whole bloglayout..

5. Find the Main Wrapper element
Now for the main wrapper or post content area has a width 410px. By replacing the value 410px to 510px will automatically extend the width size of your post element in bloglayout.

6. Find the Sidebar Wrapper element
Next is the sidebar element. The width size of the sidebar is currently 220px. Now, try changing the value 220px to 320px. By changing the current width size of sidebar from 220px to 320px will expand the width size of your sidebar element in bloglayout.

Okay, if you are interested to learn more about resizing bloglayout, you can simply check the related page below:

• How to Resize bloglayout into The new Layout?
• How to Add a New Sidebar into Bloglayout?

Okay, that's it for now. Next time, hopefully i can expand further regarding the topic about bloglayout. So, we'll see you around.

Good luck bloggy!