Cara Mengetahui Ukura-Ukuran Didalam Blog

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.
Sejarah Blog buat para Blogger, http://putupunyablog.blogspot.com/2012/09/sejarah-pengertian-asal-mula-blog-for.html
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!



Silahkan Berikan Komentar Anda, Terima Kasih

0 Respones to "Cara Mengetahui Ukura-Ukuran Didalam Blog"

Posting Komentar

Silahkan Berkomentar. Dilarang Live Link. Tidak Memakai Verifikasi Kata. Berkomentarlah Dengan Sopan!.

Entri Populer

 
Copyright © 2012 - 2013 Putupunyablog | Powered by Blogger