Untuk
berbagai macam kebutuhan yang terkait dengan penataan gadget kolom
sangatlah diperlukan. Berbagai macam template memiliki design yang
berbeda-beda dan kolom untuk penempatan gatgetpun tentu saja tidak sama
antara satu dengan yang lainnya. Pada kesempatan kali ini saya akan
memberikan tips sederhana untuk membuat satu buah kolom yang bisa kita
tempatkan di atas atau di bawah header.
Caranya sederhana dan mudah untuk dilakukan.
Langsung saja caranya sebagai berikut:
1. Login ke blogger
2. Pilih rancangan, Edit HTML.
3. Download dulu template anda untuk mengantisipasi seandainya terjadi kegagalan pada edit template.
4. Centang tanda expand template widget
5. Cari kode ]]></b:skin> (gunakan Ctrl-f untuk mempercepat pencarian) selanjutnya copy paste kode di bawah ini dan letakkan diatas kode ]]></b:skin> tadi.
#new_col{
margin:10px 0;
padding:1%;
width:98%;
}
margin:10px 0;
padding:1%;
width:98%;
}
<div id="new_col">
<b:section class='header' id='new-col' preferred='yes'/>
</div>
<b:section class='header' id='new-col' preferred='yes'/>
</div>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>
9. Selesai.
Sekian pertemuan kali ini dan semoga saja tips sederhana di atas bermanfaat, salam.
