Cara Membagi Header Menjadi 4 Kolom

Header merupakan bagian blog yang menjadi bagian atas dari sebuah blog. Ada berbagai macam memodifikasi header blog misalnya membagi header menjadi 2 kolom,3 kolom, 4 kolom, dll. Nah jika anda tertarik dengan Memodifikasi Header Blog, ikuti langkah langkah berikut, saya akan membahas bagaimana cara membagi Header menjadi 4 kolom. Cara 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....