Category : Labels: Blog Tutorial, Desain, Template, Tips Trik
Menambahkan kolom dibawah header. Sebenarnya mudah untuk dilakukan. Menambahkan elemen halaman dibawah header mungkin berguna bagi anda yang sudah kehabisan tempat untuk menaruh widget-widget ataupun yang lainnya.
- Masuk ke blog anda ► Layout ► Edit HTML.
- Jangan lupa untuk membackup template blog anda. Ini penting untuk mengembalikan settingan blog anda sebelumnya bila terjadi kesalahan dalam proses nantinya dengan mengklik Download Full Templates .
- Tidak perlu untuk mencentang kotak kecil bertuliskan Expand Widget Templates. Karena akan semakin membuat bingung anda nantinya.
- Copy kode dibawah ini
<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>
- dan paste di bawah kode untuk kolom benar - benar terletak dibawah header.
<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;
}
Kode tersebut berguna untuk mengatur tampilan atau style dari kolom anda nantinya.
- Save Templates. Selesai
Selamat mencoba. Semoga berhasil. :D
Note :
Besar kolom dalam jumlah besar dalam percent (%) kadang tidak selalu pas dengan lebar template bila dilihat di beberapa monitor dengan resolusi berbeda. Sebaiknya diganti dengan pixel (px).
Note :
Besar kolom dalam jumlah besar dalam percent (%) kadang tidak selalu pas dengan lebar template bila dilihat di beberapa monitor dengan resolusi berbeda. Sebaiknya diganti dengan pixel (px).
bagus neh bwt edit tmplate. ijin save ya sob :)