Tampilan blog dapat mempengarui pengunjung agar mau berlama-lama untuk melihat posting- posting yang ada di blog kita. Sekarang kita coba untuk membuat tampilan yang berbeda dengan menambahkan kolom langsung di bawah header.
Berikut adalah cara lengkapnya untuk Membuat Kolom di Bawah Header :
1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3.Klik tab Elemen Halaman. Perhatikan struktur layout template anda. Biasanya bagian header akan seperti ini :
elemenheader
4. Sekarang kita akan membuatk sebuah kolom baru persis di bawah header.
5. Klik tab Edit HTML.
6. Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).
7.
Copy kode berikut, lalu paste di atas kode ]]></b:skin>
#under_header{
margin:10px 0;
padding:1%;
width:98%;
}
8.
Cari kode yang mirip dengan kode di bawah ini :
<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>
9.
Copy kode berikut lalu paste persis di bawah kode tadi :
<div id=”under_header”>
<b:section class=’header’ id=’underheader’ preferred=’yes’/>
</div>
10.
Klik tombol SIMPAN TEMPLATE. Tunggu beberapa saat sampai template anda tersimpan.
11.
Klik tab Elemen Halaman. dan struktur layout anda akan menjadi seperti ini.
kolom-header
12. Sekarang anda sudah mempunyai elemen yang langsung persis di bawah header, silahkan tambahkan elemen yang inginkan. Mau pasang iklan google adsense, klik saya.com atau apa saja atau mungkin mau pasang photo anda yang ganteng serta cantik di sana?
13. Selesai lah Membuat Kolom di Bawah Header .
Technorati Tags: mempengarui pengunjung, Tampilan blog
