1. #header-wrapper (header)
2. #sidebar-wrapper (sidebar)
3. #main-wrapper (tempat posting)
4. #footer-wrapper (footer)
5. #outer-wrapper (halaman blog)
Cara Mengetahui Ukuran / Lebar Header, Sidebar, Post, Footer, Lebar Blog
1. Mengetahui Lebar Header
#header-wrapper{
background: #ffffff;
bottom;
width:970px;
height:100px;
border-top:0px solid #ddd;
margin:0 auto
}
2. Mengetahui Lebar Halaman Posting
#main-wrapper{
width:620px;
float:$startSide;
word-wrap:break-word;
overflow:hidden;
padding-left:10px
}
3. Mengetahui Lebar Sidebar
#sidebar-wrapper{
width:300px;
float:$endSide;
word-wrap:break-word;
overflow:hidden
}
4. Mengetehui Lebar Footer
#footer-wrapper{
width:940px;
text-align:left;
font:$bodyfont;margin:0 auto;
padding:10px
}
5. Mengetahui Lebar Halaman Blog
#outer-wrapper{
background:#fff;
-moz-box-shadow:0 0 40px rgba(0,0,0,.20);
-webkit-box-shadow:0 0 5px rgba(0,0,0,.20);
-goog-ms-box-shadow:0 0 10px #333;
box-shadow:0 0 40px rgba(0,0,0,.20);
width:960px;
text-align:$startSide;
font:$bodyfont;
margin:0 auto;
padding:0 10px 0 0
}
Teks warna merah menunjukkan lebar (width)
Nah itulah garis besarnya untuk mengetahui ukuran header, sidebar, post, footer, lebar blog sehingga anda dapat dengan mudahnya oprek-oprek template blog anda, semoga bermanfaat.