Tutorial buat template minima
Friday, November 18, 2011 at 6:19 PM | 0 grown up kid
Assalammualaikum.
Siapa mahu template macam saya? angkat bulu hidung * okey. tak lawak. hari ni saya baik, so saya nak ajar cara nak buat template minima *ini template designer tau bukan blogskin, senang je, mula-mula pegi...WAITTT. diingatkan disini. adalah lebih baik anda backup dulu template anda. Mana la tawu tak jadi. kang tak pasal-pasal benci saya pulak *wootwoot. Segala make up-make up yang anda buat di blog anda akan H.I.L.A.N.G. Tapi jangan bersedih kerana tutorial saya yang laen akan menjadi ejen untuk mencantikkan kembali blog anda. jadi, adakah anda sudah bersedia?jika sudah angkat bulu ketiakkk.haha :P
design > edit HTml > click select layout design |
pastu pick minima template |
pastu click save template |
pastu akan kluar *your changes have been save* > lepas tu click balek edit Html >
pastu press Ctrl + F and cari code #outer-wrapper {
lepas paste code tadi korang akan nampak code lebih kurang cam ni,
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
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: 220px;
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 */
}
gantikan kod tersebut dgn kod ini..clear {
clear: both;
}
#content-wrapper {
width: 800px;
margin: 0 auto;
padding: 0 0 15px;
text-align: left;
background: #ffffff;
margin-top: 0em;
Padding:25px; /* Jarak text post dengan garis pinggir */
}
#main-wrapper {
width: 550px;
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: 200px;
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 */
}
pastu preview dan save.
Sekian,
Asa Banie