cara membuat header menjadi 4 kolom cara membuat header menjadi 4 kolom | TUTORIAL BLOGGER

berlangganan

0 cara membuat header menjadi 4 kolom

cara membagi Header menjadi 4 kolomCara membagi header blog seperti gambar di atas sbb:
Buka Blogger->Tata Letak->Edit html dan 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:widget>
</b:section></div>

dibawahnya tambahkan kode:

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

Kemudian Simpan. dan selesai....

Total Pengunjung

free counters
 

TUTORIAL BLOGGER Copyright © 2011 - |- Template created by O Pregador - |- Powered by Blogger Templates