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"> atau <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....
Langganan:
Posting Komentar (Atom)
loading..
Tidak ada komentar:
Posting Komentar