26 January 2010
Membesarkan Saiz Main Wrapper Dan Sidebar Wrapper
hak milik
Sue
Assalamualaikum..kali ini Msue ingin berkongsi ngan korang sume bagaimana cara untuk Membesarkan Saiz Main Wrapper Dan Sidebar Wrapper..Tutorial ini di buat khas untuk MammaMia , korang nak ikut sama pun boleh .
First skali korang kena kenal mana satu outer wrapper,main wrapper dan sidebar wrapper.
OuterWrapper = keseluruhan yang ada pada body blog(yang petak palig besar)di dalam outer wrapper ade plak main wrapper dan sidebar wrapper .
MainWrapper = Di tengah -tengah iaitu tempat yang kua posting atau artikel yang korang terbitkan .
SidebarWrapper = Berada di tepi , tempat korang letak widget or gadget .sama ada sebelah kiri ataupun sebelah kanan .
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(Tandakan pada Kotak Expand Widget) .
3. Cari kod seperti di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinye) .
#outer-wrapper {
border:4px solid double #342d7e;
width: 874px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font-family:ISOCTEUR;
font-weight:bold;
background: #ffffff;
}
#main-wrapper {
width: 564px;
float: $startSide;
margin-top: 20px;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper {
border: 0px;
width: 288px;
float: $endSide;
margin-top: 27px;
font-family:Franklin Gothic Italic;
background: #ffffff;
border-left:4px double #342d7e;
padding: 5px;
padding-top: 10px;
word-wrap: break-word;
overflow: hidden;
}
Note :Pada highlight merah korang tukarkan dengan saiz yang bersesuaian ngan blog korang..maksud di sini Main Wrapper + Sidebar Wrapper = OuterWrapper . Contoh di sini Saiz Main Wrapper 564px + Saiz Sidebar Wrapper 288px = Saiz OuterWrapper 874px ..Apabila di campur saiz Main Wrapper dan SidebarWrapper tidak boleh melebihi saiz OuterWrapper .
4. Preview dan Save Template jika tiada error yang kua .
First skali korang kena kenal mana satu outer wrapper,main wrapper dan sidebar wrapper.
OuterWrapper = keseluruhan yang ada pada body blog(yang petak palig besar)di dalam outer wrapper ade plak main wrapper dan sidebar wrapper .
MainWrapper = Di tengah -tengah iaitu tempat yang kua posting atau artikel yang korang terbitkan .
SidebarWrapper = Berada di tepi , tempat korang letak widget or gadget .sama ada sebelah kiri ataupun sebelah kanan .
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(Tandakan pada Kotak Expand Widget) .
3. Cari kod seperti di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinye) .
#outer-wrapper {
border:4px solid double #342d7e;
width: 874px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font-family:ISOCTEUR;
font-weight:bold;
background: #ffffff;
}
#main-wrapper {
width: 564px;
float: $startSide;
margin-top: 20px;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper {
border: 0px;
width: 288px;
float: $endSide;
margin-top: 27px;
font-family:Franklin Gothic Italic;
background: #ffffff;
border-left:4px double #342d7e;
padding: 5px;
padding-top: 10px;
word-wrap: break-word;
overflow: hidden;
}
Note :Pada highlight merah korang tukarkan dengan saiz yang bersesuaian ngan blog korang..maksud di sini Main Wrapper + Sidebar Wrapper = OuterWrapper . Contoh di sini Saiz Main Wrapper 564px + Saiz Sidebar Wrapper 288px = Saiz OuterWrapper 874px ..Apabila di campur saiz Main Wrapper dan SidebarWrapper tidak boleh melebihi saiz OuterWrapper .
4. Preview dan Save Template jika tiada error yang kua .
