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.

Related Posts by Categories