Okelah sobat semua saat ini saya akan berbagi lagi satu trik tentang bagaimana cara membuat 3 kolom di bawah header, semoga saja ini akan menjadi titik temu dari kata kunci yang anda cari selama ini.
Sekarang untuk menerapkan trik ini silahkan ikuti petunjuknya...
Berikut ini langkah-langkahnya:
1. Login ke blogger.
2. Setelah masuk dasbor lalu pilih Template.
3. setelah itu klik Edit HTML.
4. Cari kode ]]></b:skin>
5. Copy kode di bawah ini dan paste di atas kode ]]></b:skin>
#Header-column-divide {
clear:both;
}
.header-column {
padding: 10px;
}
#header-column-divide {
clear:both;
}
.header-column {
padding: 10px;
}
6.Selanjutnya Cari kode dibawah ini .
<div id='header-wrapper'>
<b:section class='footer' id='footer'/>
</div>
7.Bila sudah ketemu Hapus kode <b:section class='footer' id='footer'/> lalu ganti bengan kode dibawah ini .
<div id='header-column-divide'>
<div id='header1' style='width: 30%; float:left;
margin:0; text-align:left;'>
<b:section class='header-column' id='col1'
preferred='yes' style='float:left;'/>
</div>
<div id='header2' style='width: 40%; float: left;
margin:0; text-align: left;'>
<b:section class='header-column' id='col2'
preferred='yes' style='float:left;'/>
</div>
<div id='header3' style='width: 30%; float: right;
margin:0; text-align: left;'>
<b:section class='header-column' id='col3'
preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
8.Klik Simpan Template .
Selesai dech, sekarang silahkan sobat lihat bagaimana hasilnya.
Ditulis oleh Unknown
Rating Blog 5 dari 5