Cara Mengetahui Ukuran Header , Main Wrapper , Sidebar , Footer dan Halaman Blog ~ themexlima

Minggu, 19 Mei 2013

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

03.50

Unknown

No comments

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.

Semoga bermanfaat