Tuesday, November 17, 2009

THREE COLUMN BLOG

First step, you must search HTML Code below

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Change Header Wrapper

#header-wrapper {
width:950px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Change Outer Wrapper

#outer-wrapper {
width: 950px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

change Sidebar Wrapper

#sidebar-wrapper {
width: 250px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Put this script below sidebar wrapper

#second-sidebar-wrapper {
width: 250px;
padding-left:10px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Change Footer

#footer {
width:950px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}


Last Step, you must put script call second-sidebar (BLUE) below sidebar-wrapper
Download here..Full version

http://www.ziddu.com/download/7414703/SCRIPTTRHREECOLUMNBLOG.doc.html

KLICK SAVE TEMPLATE