nie adalah code2 dlm edit HTML...
aku nak ajar sikit2 cmne nak bce code2 nie...
part mane yg boleh diubah ikot ape yg kte nak...
body { <---- nie bhgn background
//CARA NAK TUKAR BACKGROUND,LIHAT KAT SIDEBAR SBLH KANAN YER
background:$bgcolor; //background color
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center; //position background
} //background leh diubah ikot ape yg aku ajar kat tepi blog nie
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
//border header..klu xnak gne,boleh delete
}
#header-inner {
background-position: center; //position header
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase; //uppercase = sume huruf besar
//leh nak tukar lowercase = sume huruf kecik
letter-spacing:.2em; //jarak antara huruf
font: $pagetitlefont; //jenis font digunaka
}
#header a {
color:$pagetitlecolor;
text-decoration:none;
}
#header a:hover {
color:$pagetitlecolor;
}
#header .description { //same cam header h1 kat atas
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px; //nie saiz blog..boleh ubah ikot kesesuaian nak
margin:0 auto;
padding:10px;
text-align:$startSide; //start ayat
(center,
font: $bodyfont; //font utk post/body
}
#main-wrapper {
width: 410px; //saiz blok utk posted
float: $startSide; //mule blok
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; //saiz blok utk sidebar
float: $endSide; //mule blok
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:$headerfont; //jenis font
line-height: 1.4em;
text-transform:uppercase;
//leh nak tukar lowercase = sume huruf kecik
color:$sidebarcolor; //warna font
background:#fffffff; //nie warne bckground klu nk gne
(cth link berwarne hitam kat blog nie)
//#ffffff leh ditukar ikot warne yg kte suke
//leh jgak klu nak ltak imej..tp kne sesuai
}
/* Posts
-----------------------------------------------
*/
h2.date-header { //bhgn tarikh
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
//nie adalah pembahagi antara 2 posted,klu xnak,leh delete atau tukar style (solid,dashed,dotted)
padding-bottom:1.5em; //jarak antara pembahagi bwh
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
line-height:1.4em;
color:$titlecolor; //warna font
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
margin: .75em 0;
color:$sidebarcolor; //warna font
text-transform:uppercase;
//leh nak tukar lowercase = sume huruf kecik
font: $postfooterfont; //jenis font digunakan
line-height: 1.4em;
(center,
.comment-link {
margin-$startSide:.6em;
}
.post img { //nie utk image post
padding:4px; //jarak antara pic ngan ayat
border:1px solid $bordercolor; //border image
//klu xnak gne,leh delete je
}
.post blockquote { (akan diajar kemudian)
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments //bhgn komen,xde ape nak ubah
----------------------------------------------- */
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor; //warna font sidebar
line-height: 1.5em;
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar .widget, .main .widget { //bhgn widget2 yg digunakan
border-bottom:1px dotted $bordercolor;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile //xde ape nak ubah kot, hidekan je
----------------------------------------------- */
/* Footer
----------------------------------------------- */
#footer {
width:660px; //saiz footer
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
//leh nak tukar lowercase = sume huruf kecik
text-align: center;
(center,
• care terbaik,setiap kli kte ubah code2 nie,kte klik PREVIEW dulu...jgn save lg...dah rs ok,ubah part yg len plak...cube satu2..memg leceh,benda nie memerlukan kesabaran skit...
• dah puas hati,brulah SAVE...jgn lupe plak
• note tambahan :
margin : 1.0em 1.0em 1.0em
(tepi kiri, atas n bwh, tepi kanan)
padding : 1px 1px 1px
lots of love
thanks for reading ♥ ekinyusri
