Cara Melebarkan Kolom pada Blogspot

Bagaimana caranya merubah lebar kolom pada pada blog ? Mungkin itu salah satu pertanyaan ketika kita sudah punya blogspot dengan memakai template yang disediakan google. Sama ketika saya pertama kali punya blogspot, soalnya lebar kolom yang ada tidak sesuai dengan keinginan saya, baik itu lebar kolom sidebar (yang ada di samping), atau mainbar (tempat posting). Kalau itu yang menjadi persoalannya, di bawah ini ada tips sebagai jalan keluarnya.

Pertama buka blogspot, setelah itu klik “Tata letak”. Cari "Edit HTML" lalu klik.

Cari kode-kode di bawah ini:

#header-wrapper {

width:900px;margin:0 auto 10px;

border:1px solid $bordercolor;

}

#outer-wrapper {

width:900px;

margin:0 auto;

padding:10px;

text-align:justify;

font: $bodyfont;

}

#main-wrapper {

width: 435px;

margin-left: 20px;

margin-right: 20px;

float: left;

}

#sidebar-wrapper {

width: 220px;

float: right;

}

Sudah dilihat kode-kode di atas? Yang diwarnain merah artinya ukuran lebar suatu kolom. Width (lebar) 900px adalah ukuran lebarnya yaitu sebesar 900 pixel. Secara lengkapnya dapat dijelaskan demikian: header-wrapper: biasanya sebagai kolom judul blog/kepala pada blog. outer wrapper: adalah lebar keseluruhan yang di sediakan untuk kolom-kolom yang ada, didalamnya ada kolom main-wrapper, dan sidebar-wrapper. Main-wrapper: adalah kolom halaman posting, apa-apa yang kita posting maka akan masuk ke halaman ini. sidebar-wrapper: adalah kolom sidebar atau kolom tempat di mana kita menyimpan berbagai aksesoris atau yg lainnya width: ukuran lebar. xxxxpx : nilai lebar dalam pixel, contoh ( 900px berarti mempunyai lebar sebesar 900px). Border: adalah bingkai atau garis tepi (solid = garis penuh, dashed = garis putus-putus, dotted = garis berupa titik-titik). $bordercolor; : Warna untuk border , contoh ( ffffff = putih, 000000 = hitam )

Catatan:

• Seperti blog ini, saya buat #outer-wrapper -- width: 850px; dan #main-wrapper -- width: 600px;
• Kalau belum punya blog , cara membuatnya klik ini: http://wahyokku.blogspot.com/2007/05/pembuatan-blog-baru.html
  

Selamat mencoba.

Artikel lain yang terkait: