Sabtu, 16 Juli 2011

Cara Melebarkan Kolom Pada Blog

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;
}

Yang warna biru 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 )Selamat mencoba dan sukses.

0 komentar:

Posting Komentar

Template by:

Free Blog Templates

Silahkan lihat lihat my blog :D