Mencantikkan Minima Template

Sesiapa Yg blognya menggunakan minima Template boleh ikut tuto nie okey...tuto nie...memang confirm cantik blog korang...


1.page kat EDIT HTML.tick EXPAND WIDGET TEMPLATE..
ctrl+f cri kod bwh ni

#outer-wrapper {

2.kat bwah 2 ade kod mcm ni

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

#main-wrapper {
width: 500px;
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 */
}

#sidebar-wrapper {
width: 240px;
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 */}





3.Delete kod di atas copy n gantikan  dgn kod bwah ni pereview dulu baru save


.clear {
clear: both;
}
#content-wrapper {
width: 780px;
margin:0 auto;
padding:10px;
text-align:$startSide;
background-color: #FFFFFF;
border:2px solid #FA58AC;
-moz-box-shadow: 0 0 10px #FA58AC ;-webkit-box-shadow: 0 0 30px #FA58AC;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
font: $bodyfont;
}

#main-wrapper {
width: 520px;
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 */
}

#sidebar-wrapper {
width: 240px;
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 */
}



TEKA-TEKi:

yellow- keluasan body yang korang nak okey...
red: tukar colour kesukaan anda...

Harap korang boleh buat...kalau jadik komen..

No comments: