Senin, 28 Februari 2011

Cara Membagi 2 kolom Header blog


Pada kesempatan ini saya akan membahas cara membagi kolom Elemen Header menjadi 2 kolom.berikut langkah-langkahnya :

1. Seperti biasa para sobat LOGIN blog
2. Di dasboar sobat lalu pilih Rancangan dan pilih Edit HTML
3. Pilih Expand Template Widget
4. Sisipkan Kode di bawah ini antara <header> dan </header>.

<div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

5. setelah selesai jangan lupa di simpan.
selamat mencoba dan salam sukses...

Tidak ada komentar:

Posting Komentar