Mengubah Lebar Kolom Template

Halaman ini berisi catatan tentang cara mengubah lebar kolom pada template minima blogger.

Berikut ini adalah kode asli kolom-kolom pada template minima:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word;
overflow: hidden;
}

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
}

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Keterangan :

- header-wrapper adalah kode untuk kolom header.
- outer-wrapper adalah kolom tempat beradanya kolom header-wrapper, main-wrapper, sidebar-wrapper dan footer.
- main-wrapper adalah kolom posting
- sidebar-wrapper adalah kolom sidebar
- footer adalah kolom footer


Agar tampilan sidebar tidak melorot, maka jumlah lebar kolom sidebar + main/posting tidak boleh melebihi lebar kolom outer.
Untuk mengubah lebar suatu kolom, maka yang harus dilakukan adalah mengubah nilai width kolom yang ingin diubah lebarnya.

Misal jika kita ingin mengubah lebar kolom header, maka yang harus diubah adalah kode yang berwarna merah berikut :

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Pada kode yang berwarna merah diatas, angka 660 adalah yang dimaksud dengan nilai width kolom header.
Untuk mengubah lebar kolom header, maka ubahlah angka 660 dengan angka yang diinginkan. Nilai width pada tiap-tiap template belum tentu sama, hal itu tergantung pada selera pembuatnya.

Jika ada yang kurang jelas, silakan disampaikan. Terima kasih.