Membuat kolom di bawah atau di atas header

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%;
}

6. Copy kode berikut ini

<div id="new_col">
<b:section class='header' id='new-col' preferred='yes'/>
</div>

7. Cari kode di bawah ini dan paste-kan kode pada nomor 6 dibawahnya atau pastekan diatasnya jika mau kolom berada di atas header.

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

8. Simpan template dan coba lihat perubahan dengan klik elemen laman pada tab rancangan.
9. Selesai.

Sekian pertemuan kali ini dan semoga saja tips sederhana di atas bermanfaat, salam.

Artikel Terkait Lainnya