cara membuat 3 kolom di bawah header blog

hellow..kali ini saya akan membahas tentang bagai mana cara mebuat 3 kolom di bawah header.

ikuti petualangannya di bawah ini..:

1.  Login ke blogger.
2.  Setelah masuk dasbor lalu pilih Tata Letak.
3.  setelah itu klik Edit HTML.
4.  Cari kode ]]></b:skin>
5.  Copy kode di bawah ini dan simpan di atas kode ]]></b:skin>

#Header-column-divide {<br /> clear:both;<br /> }<br /> .header-column {<br /> padding: 10px;<br /> }<br /> <br /> <br /> #header-column-divide {<br /> clear:both;<br /> }<br /> .header-column {<br /> padding: 10px;<br /> }

6. cari code di bawah ini

<div id='header-wrapper'> <b:section class='footer' id='footer'/><br /> </div>

7. kalu sudah hapus code <b:section class='footer' id='footer'/> kemudian ganti bengan kode dibawah ini .

<div id='header-column-divide'><br /> <div id='header1' style='width: 30%; float:left; margin:0; text-align:left;'> <b:section class='header-column' id='col1' preferred='yes' style='float:left;'/><br /> </div><br /> <div id='header2' style='width: 40%; float: left; margin:0; text-align: left;'> <b:section class='header-column' id='col2' preferred='yes' style='float:left;'/><br /> </div><br /> <div id='header3' style='width: 30%; float: right; margin:0; text-align: left;'> <b:section class='header-column' id='col3' preferred='yes' style='float:right;'/><br /> </div><br /> <div style='clear:both;'/> </div>

8. klik simpan dan lihat hasilnya... selamat mencoba

Posted in: Info Bloging