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..
red: tukar colour kesukaan anda...
Harap korang boleh buat...kalau jadik komen..
No comments:
Post a Comment