Tambah 3 Kolom di Bawah Header

Langsung tutorialnya :

• Login di blogger dengan account/id Anda

• Klik menu Layout

• Klik Tab Edit HTML

• Klik tulisan Download Full Template, lalu save data tersebut. Untuk backup template blog kita apabila terjadi kesalahan dalam mengedit kode template.

• Cari kode seperti ini dan paste tepat dibawah kode ini :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Free Template (Header)' type='Header'/>
</b:section>
</div>


• Lalu copy-paste kode dibawah ini diatas kode ]]></b:skin> atau dalam tag CSS anda.

#underheader-column-container {
clear:both;
}
.underheader-column {
padding: 10px;
}
<div id='underheader-column-container'>
<div id='underheader5' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='underheader-column' id='col7' preferred='yes' style='float:left;'/>
</div>
<div id='underheader6' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='underheader-column' id='col8' preferred='yes' style='float:left;'/>
</div>
<div id='underheader7' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='underheader-column' id='col9' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

• Lalu simpan/save template.

• Lihat hasilnya.

Catatan :
Ubah widht dan sesuaikan dengan blog Anda dan floatnya!!

Selamat mencoba !

Source :http://langsungtutorial.blogspot.com/2010/04/tutorial-tambah-3-kolom-di-bawah-header.html

Posted in: Gallery Blogger