mengubah ukuran kolom pada blogger/blogspot


 Jika anda merasa kolom postingan anda terlalu sempit atau kolom iklan anda terlalu kecil ataupun mengubah ukuran sidebar anda dapat mengubah ukuran kolom tersebut dengan sedikit mengutak-atik kode html anda.

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 ditanyakan melalui kotak komentar ataupun halaman kontak saya.



Sobat perlu baca yang ini juga:

1 komentar:

  • dion

    belum ada komentar silahkan tambahkan komentar atau pertanyaan anda.

    jawab
  • Posting Komentar

    silahkan tinggalkan pesan !!!