Kamis, 30 Juli 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.
di copas dari blog http://www.myspacenote.blogspot.com/


Bookmark and Share

0 komentar:

Posting Komentar