Cara Mengetahui Ukura-Ukuran Didalam Blog

Tweet

Cara Mengetahui Ukuran Elemen Blog - Kali ini saya memposting artikel yang sebenarnya berjudul Cara Mengetahui Ukuran Header, Sidebar, Footer, Post, Dan Lebar Blog. Hari ini saya disibukan dengan mengotak-atik template blog saya sendiri. Susah sekali dan harus mempunyai kesabaran untuk mengeditnya.

Untuk mengetahui ukuran dan lebar elemen blog, pada intinya ada 4 unsur elemen yang bisa dijadikan sebagai patokan dasar. Berikut ini adalah Cara Mengetahui Ukuran Header, Sidebar, Footer, Post, Dan Lebar Blog :

1. #header-wrapper (header)
2. #sidebar-wrapper (sidebar)
3. #main-wrapper (tempat posting)
4. #footer-wrapper (footer)
5. #outer-wrapper (halaman 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).
Semoga artikel ini berguna untuk sobat semua. Terima kasih dan jangan lupa kasih komentarnya ya sobat!.

Baca Juga Artikel Dibawah Ini!