Jumat, 26 Februari 2010

Membuat header blogspot empat kolom

Posted by Dennis Rvindo 21.24, under | No comments



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>

simpan..

0 komentar:

Posting Komentar

Setiap komentarmu akan sangat berarti sekali buat blog ini agar bisa menjadi lebih baik untuk kedepannya, trima kasih udh berkomentar di blog ini..

Tags

Music on

Blog Archive

Sponsor