1. #header-wrapper (header)
2. #sidebar-wrapper (sidebar)
3. #main-wrapper (tempat posting)
4. #footer-wrapper (footer)
5. #outer-wrapper (halaman blog)
Gampang Caranya Mengetahui Ukuran Lebar Blog Header, Sidebar, Post, Footer
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)
Demikian para sahabat blogger yang ane cintai dan ane kasihi gampang bukan alias Gampang Caranya Mengetahui Ukuran Lebar Blog Header, Sidebar, Post, Footer sehingga kalian dapat tambah ilmu dan dengan mudahnya untuk merubahnya template blog kalian semuanya, semoga bermanfaat dan diberikan rijki yang melimpah agar supaya bisa membeli kuota hehehehe..