![]() |
| Cara Mengatur Lebar Kolom |
Namun jika ingin lebih spesifik, langsung saja menuju template lalu edit html cari atau find ( ctrl+f ) ketik tujuan yang akan di edit. sebagai Contoh di bawah ini adalah kode-kode yang berkatan dengan pengaturan kolom atau layout
#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;
}
Keterangan:
#header-wrapper: kolom judul blog / kepala pada blog.
#outer-wrapper: lebar keseluruhan yang di sediakan untuk kolom-kolom yang ada, didalamnya ada kolom main-wrapper, dan sidebar-wrapper
#main-wrapper: kolom halaman posting, apa-apa yang anda posting masuk ke halaman ini.
#sidebar-wrapper: kolom sidebar atau kolom tempat di mana anda menyimpan berbagai aksesoris atau lainnya.
Istilah lainnya:
border: adalah bingkai atau garis tep.
solid: garis penuh,
dashed: garis putus-putus,
dotted: garis berupa titik-titik).
bordercolor: warna untuk border
Note: ubah yang tercetak dengan warna merah sesuai dengan kebutuhan anda
Membuat dan mengatur blog sekarang jauh lebih mudah dan simpel. Salam go blog!

0 komentar:
Posting Komentar