Untuk artikel part-2,disini cara bagaimana kita mengatur saiz lebar blog degan code css tertentu.
Setalah anda memasukan code blank template dari part 1 sila perhatikan code dibawah:
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override) margin: 0;
padding: 0;
}
sekarang untuk mengatur saiz lebar blog anda sila tukarkan/gantikan code diatas dengan code dibawah ini.
body {
background: #EAEAEA url(http://i.imgur.com/Cw1kr.jpg);
width: 980px;
color: #111111;
margin: 0 auto 0;
padding: 0;
font: 12px Arial, Tahoma, Verdana;
}
a, a:visited {
color: #0072bc;
text-decoration: none;
}
a:hover {
color: #3b5998;
text-decoration: none;
}
background: #EAEAEA url(http://i.imgur.com/Cw1kr.jpg);
width: 980px;
color: #111111;
margin: 0 auto 0;
padding: 0;
font: 12px Arial, Tahoma, Verdana;
}
a, a:visited {
color: #0072bc;
text-decoration: none;
}
a:hover {
color: #3b5998;
text-decoration: none;
}
Perhatikan pada tulisan yang bewarna:
background: #EAEAEA url(http://i.imgur.com/Cw1kr.jpg); (warna background blog)
width: 980px; (saiz lebar blog anda)
color: #111111;(warna tulisan blog)
margin: 0 auto 0;
padding: 0;
font: 12px Arial, Tahoma, Verdana; (jenis dan saiz tulisan blog)
}
a, a:visited {
color: #0072bc; (warna link)
text-decoration: none;
}
a:hover {
color: #3b5998; (warna link ketika dituju)
text-decoration: none;
}
Lihat Demo Yang dikemaskini Klick Disini
* Untuk Keterangan sila baca posting dari Part 1