Cari Blog Ini

membuat 2 kolom atas

untuk membuat kolom di bawah header:

1. buat 1 kolom yang lebarnya sekitar lebar template agar kolom2 yang dibuat nanti akan berada pada posisi sejajar (kolomatas)

2. buat 2 kolom yang lebih kecil yang akan diletakan didalam kolomatas tadi (kolombaru1 dan kolombaru2)

3. letakan baris kode tadi diatas kode  ]]></b:skin> seperti terlihat dibawah ini:

#kolomatas {
float: left;
width:850px;
margin:10px 40px;
}

#kolombaru1 {
float: left;
width:468px;
}

#kolombaru2 {
float: right;
width:300px;
}

]]></b:skin>
</head>

4. cari baris kode 

<!-- (Contenedor) –>
<div id='content-wrapper'>

dan letakan baris kode berwarna ungu berikut diatasnya seperti terlihat dibawah ini:

<div id='kolomatas'>
<b:section class='kolombaru1' id='kolombaru1' preferred='yes'>
</b:section>

<b:section class='kolombaru2' id='kolombaru2' preferred='yes'>
</b:section>
</div>

<!-- (Contenedor) –>
<div id='content-wrapper'>
<div id='bg4'>
<div id='bg5'>
<div id='page'>

5. simpan template.

catatan: jika ingin membuat lebih dari 2 kolom, total lebarnya jangan sampai melebihi lebar pada kolomatas (850px). perhitungkan juga jarak antar kolom.

0 komentar:

Posting Komentar