Thursday, July 23, 2009

Cara membuat header blogspot empat kolom


Cara membagi header blogspot seperti gambar di atas yaitu

Buka Layout->edit html cari kode berikut
]]></b:skin>
di atas kode tersebut tambahkan kode berikut
#under_header1{float:left; width:25%;}
#under_header2{float:left; width:25%;}
#under_header3{float:left; width:25%;}
#under_header4{float:right; width:25%;}

selanjutnya cari kode dibawah ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Stop dreaming start action (Header)' type='Header'/>
</b:section>
</div>

dibawahnya tambahkan kode:

<div id="under_header1">
<b:section class='header' id='underheader1' preferred='yes'/>
</div>
<div id="under_header2">
<b:section class='header' id='underheader2' preferred='yes'/>
</div>
<div id="under_header3">
<b:section class='header' id='underheader3' preferred='yes'/>
</div>
<div id="under_header4">
<b:section class='header' id='underheader4' preferred='yes'/>
</div>

kemudian simpan.

4 comments:

mohon koreksinya apabila salah (CMIIW), silahkan berkomentar dengan baik, penulis tidak bertanggung jawab atas apa yang anda sampaikan, jadi silahkan anda bertanggung jawab dengan apa yang anda sampaikan, terima kasih telah berkunjung, semoga bermanfaat [ baca disclaimer]