Cara Edit Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger

Ukuran lebar header, posting, sidebar, footer atau lebar template secara keseluruhan penting untuk diketahui. Sehingga saat anda ingin mengedit template, mengubah atau menambah lebar bagian-bagian template tadi, anda sudah mengetahui dibagian mana yang harus anda edit. Nah sebagai pengenalan awal, kita harus mengenal dulu elemen dalam susunan CSS template yang disebut dengan wrapper. Berikut penjelasanya :

1.Untuk mengedit ukuran/lebar Halaman Blog
Cari kode di bawah ini:
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
2.Untuk mengedit ukuran/lebar Halaman Posting
Cari kode di bawah ini:
#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;/* fix for long non-text content breaking IE sidebar float */
}
3.Untuk mengedit ukuran/lebar Sidebar Blog
Cari Code di bawah ini:
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
4.Untuk mengedit ukuran Header Blog,
Cari Code di bawah ini:
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
5.Untuk mengedit ukuran Footer Blog
Cari Code di bawah ini:
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Kalau anda tidak menemukan kode seperti di atas, untuk mengetahui element seperti header, posting, sidebar dan lebar blogger, cukup mencari kode yang mirip dan ditunjukkan dengan width: (lebar) dan height:(tinggi). Demikian terima kasih.

re