Kiat Mengetahui Ukuran Header , Main Wrapper , Sidebar , Footer dan Halaman Blog

Kiat Mengetahui Ukuran Header , Main Wrapper , Sidebar , Footer dan Halaman Blog

Silahkan Login Blogger kemudian Tata Letak ( Layout ) Edit HTML,jangan lupa Expand Widget.

1.Untuk Mengetahui lebar header Untuk mengetahui ukuran header (tinggi sama lebarnya) Cari kode berikut : #header-wrapper{

#header-wrapper{

background: #ffffff;
width: 900px;
height: 160px;
font-size: 12px;
margin: 0px auto 0px;
padding: 0px;
overflow: hidden;
}

2. Untuk mengetahui lebar sidebar cari kode berikut : #sidebar-wrapper{

#sidebar-wrapper{
float:left;
width:320px;
margin:13px 0px 5px 0px;
padding:0px;
line-height:19px;
display: inline;
}

3. Untuk mengetahui lebar main kolom cari kode berikut : #main-wrapper{

#main-wrapper{
float:left;
width:590px;
margin:0px 0px 5px 0px;
padding:13px 10px 0px 10px;
overflow: hidden;
}

4.Untuk mengetahui lebar footer cari kode berikut : #footer {

/* Footer

----------------------------------------------- */ 

#footer {

  width:950px;

  clear:both;

  margin:0 auto;

  padding-top:15px;

  line-height: 1.6em;

  text-transform:uppercase;

  letter-spacing:.1em;

  text-align: center;

}

5.Untuk mengetahui ukuran halaman cari kode berikut : #outer-wrapper {

#outer-wrapper {

width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

Lihat tulisan warna biru, itu ukuran lebar dan tingginya.

Lebih Menarik Lagi: