Get Chitika | Premium

Cara Membagi 2 kolom Header blog

Share |

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...

1 komentar : Cara Membagi 2 kolom Header blog

Jangka said...

Makasih infonya menginspirasi saya buat header 2 kolom

Post a Comment

" Terimakasih kami ucapkan kepada pengunjung yang telah berkunjung di blog ini.

Tentang artikel di atas APA TANGGAPAN dari anda semua ? "

 

About Administrator

My Photo
sahrul
hanya seorang blogger newbie yang ingin mencari ilmu dan pengalaman di dunia maya untuk di bagikan ke para pembaca blog ini.
View my complete profile

Recent Comments

Site info