4 Mei 2011

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



5 komentar:

Anonim mengatakan...

Terima kasih atas ilmunya. Sudah saya praktekin dan berhasil bos. Lam kenal yach...

Di tunggu artikel lainnya...
Lanjutkan tuk terus berbagi ilmu. Bravo.

handbag mengatakan...

bagus banget blognya

iwan mengatakan...

thanks info'a ya gan..
sangat membantu...

Syamsir Andili untuk MU mengatakan...

Trims, ilmunya bermanfaat bagi pemula seperti aku yang lagi demam bloging. kalo ada trick2 lain ditunggu..

Unknown mengatakan...

makasih Gan informasinya sangat membantu sekali...!!

salam kenal gan, di tunggu follow ny Gan http://whyudi198665.blogspot.com

Posting Komentar

PrevPage NextPage home