By this useful article you teach that how to modify right width of free blog blogger templates according your monitor or LCD screen. I have expected some emails and calls in this regard, no problem I want to solve this problem and I want to give you step by step suggestions and tips to change right width of free blog blogger templates. Take a cup of tea be relax and read this article with wisely. Now go to your blogger Layout and then Edit HTML and search later codes. For more in rank read this useful article click here.
#header-wrapper {
width:760px;
margin:0 auto 10px;
border:1px solid $ bordercolor;
}
…………………………….
#outer-wrapper {
width: 760px;
margin:0 auto;
padding:10px;
text-align:$ startSide;
font: $ bodyfont;
}
…………………………….
#main-wrapper {
width: 440px;
float: $ startSide;
…………………………….
#sidebar-wrapper {
width: 270px; float: $ endSide;
…………………………….
#footer {
width:760px;
clear:both;
In light of the above code now you spot that header -wrapper is header, Outer Wrapper is main section of blogger pattern, Main-wrapper for post section Sidebar-Wrapper for Sidebar and Footer-wrapper for footer, keep these things in your mind wisely and change above codes see the later codes I have changed.
#header-wrapper {
width:790px;
margin:0 auto 10px;
border:1px solid $ bordercolor;
}
…………………………….
#outer-wrapper {
width: 790px;
margin:0 auto;
padding:10px;
text-align:$ startSide;
font: $ bodyfont;
}
…………………………….
#main-wrapper {
width: 470px;
float: $ startSide;
…………………………….
#sidebar-wrapper {
width: 290px; float: $ endSide;
…………………………….
#footer {
width:790px;
clear:both;
Finally I want to give you an example that I want to change my post section Main-wrapper 440px to 470px and also I did same for main section Outer Wrapper modify 760px to 790px and if you want to change sidebar width according your choice like same way and also I have changed header -wrapper from 760px to 790px and Footer-wrapper from 760px to 790px. One thing note that change the width according your blogger pattern as you like, I have given an example only.
I hope you like this tip and do not forget me if you like it please leave your observations.
