How to resize all the elementHow to resize all the element's width of blog template -

ADVERTISEMENT CODE GOES HERE

Some bloggers didn't satisfied with their template coming from any other site that offer it for free, and they want to customize it to be more presentable, if you have a problem with your template's width you are in the right place to read.

In this tutorial you will learn how to resize the header, sidebar, post section and footer of your blog template. Follow these steps to edit the width of your blog.

Let's start

• Log in to your blogger account
• Find TEMPLATE
• Click on EDIT HTML

Now find the following code below in your html 5 editor.

#header-wrapper{#}

;width: 1100px;

#outer-wrapper

{width:1100px;

#footer

width: 1060px;

#main-wrapper

{width:670px;

#rsidebar-wrapper

{width:360px

As you can see there is a highlighted text which is the word width and px(pixels). You can edit the value of pixels at your will and depend how wide you want.

#header-wrapper - for main header
#outer-wrapper - for the main section
#footer - for footer
#main-wrapper - for post section
#rsidebar-wrapper - for sidebar

Note:

Those things are complicated, if you want to change the value of the post section make sure you will change also the value of your outer-wrapper, but changing outer-wrapper it requires to change also the value of the main-wrapper, side-wrapper and margin.

Confused?

Leave your comment below.

Feedback from the readers is appreciated.

- See more at: http://itoptricks.blogspot.com/2013/09/how-to-resize-all-elements-width-of.html#sthash.p2bqORZg.dpuf