Update Cara Mengetahui Ukuran / Lebar Header, Sidebar, Post, Footer, Lebar Blog dengan mudah

Bersumber dari blog senior kita maz Rudi handoko yang sudah berbaik hati berbagi tips tentang Update Cara Mengetahui Ukuran / Lebar Header, Sidebar, Post, Footer, Lebar Blog dengan mudah kali ini admin ingin update ulang tentang cara mudah melihat ukuran lebar header, sidebar, post, fotter, dan lebar blog dengan mudah, yaitu:


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. 

sumber: Cara Mengetahui Ukuran / Lebar Header, Sidebar, Post, Footer, Lebar Blog