This is what your new blog template will look like
For creating a new templates in easy way, use Minima template from blogger. You just need to modify as I have instructed below.
Find this part
Quote
#header-wrapper {
width :660px;
margin : 0 auto
border : 1px
delate
Find this part
Quote
#header . description {
margin 0 5px 5 px;
padding :0 20px 15px;
max-width:700px;
delate
now find this for footer
Quote
#footer {
width : 660px:
clear : both ;
margin : 0 auto;
delate
then change the width of the outer wrapper from 660 to 960
Quote
*/ Outer-Wrapper
--------------------
# Outer-Wrapper {
width : 960 px;
margin :0 auto ;
padding : 10 px;
text-align :$startSide;
font :$bodyfont ;
} <br />
now change the width in main wrapper
Quote
#main-wrapper {
width: 530px;
float: left ;
word-wrap: break-word ;
overflow : hidden ;
}
Find this part
Quote
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
}
Replace with
Quote
#column-wrapper {
width: 410px;
float: right;
word-wrap: break-word;
overflow: hidden;
}
Now copy the codes below
Quote
#sidebar-top{
clear:both ;
}
#sidebar-right{
width :220px ;
floadt ; right :
word-wrap:break-word;
overflow:hidden;
}
#sidebar-left{
width: 220px ;
float : left ;
word-wrap: break-word;
overflow: hidden ;
}
Paste it below colimn wrapper it will look like this now
Quote
#column-wrapper {
width: 410px;
float: right;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-top{
clear:both ;
}
#sidebar-right{
width :220px ;
floadt ; right :
word-wrap:break-word;
overflow:hidden;
}
#sidebar-left{
width: 220px ;
float : left ;
word-wrap: break-word;
overflow: hidden ;
}
