Tambah 3 Kolom di Bawah Header

Untuk menambah 3 kolom di bawah header, gimana caranya ?

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!!

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

Posted in: Gallery Blogger