Cara Menambah Kolom Gadget di Bawah Header

Tidak semua template blog memiliki kolom tambah gadget di bawah header, padahal kolom ini keberadaannya sangat diperlukan. Misalnya untuk tempat membuat menu, memasang iklan, memasang ucapan selamat datang dan sebagainya. Bagi anda yang template blognya belum tersedia tambah gadget atau kurang dan ingin menambah kolom tambah gadget di bawah header untuk berbagai keperluan maka kesempatan ini saya akan sharing tentang hal tersebut.
Meskipun di luar sana sudah banyak yang menulis artikel ini tetapi saya kembali akan menuliskan agar tetap ingat bila suatu saat nanti saya membutuhkan lagi atau bila ada teman yang kebetulan mancari artikel seperti ini kesasar ke blog ini tentu juga dapat membantunya.
Untuk membuat satu kolom tambah gadget di bawah header tidak sesulit yang anda bayangkan.
Berikut ini langkah-langkahnya;
1. Login ke akun blogger anda
2. Di Dasbor klik Rancangan dan klik edit HTML
3. Sebelum mulai menambahkan html sebaiknya back up dulu blog anda dengan cara klik download full template. tujuannya antisipasi kalau error kode.
4. Cari kode seperti ini ]]></b:skin>
untuk memudahkan pencarian pencet ctrl f secara bersamaan di keyboard lalu tulis/copy kode tersebut di kotak bawah yang tersedia
5. Copy dan paste kode di bawah ini, tepat di atas kode ]]></b:skin> 

#under_header{ 

margin:10px 0; 

padding:1%; 

width:98%; }

6. Cari kode html seperti di bawah ini atau yang mirip di bawah ini ( tidak semua template blog menggunakan kode yang sama persis)

<div id='header-wrapper'> 

<b:section class='header' id='header' maxwidget="1" showaddelement="no"> 

<b:widget id='Header1' locked='true' title='Nama Blog Anda (Header)' type='Header'/> 

</b:section> 

</div> 

7. Selanjutnya tambahkan kode berikut ini tepat di bawah kode pada nomor 6 tersebut di atas

<div id="under_header"> 

<b:section id='underheader' preferred='yes'/> 

</div> 

8. Setelah anda tambah kode pada nomor 7 maka akan menjadi seperti ini

<div id='header-wrapper'> 

<b:section class='header' id='header' maxwidget="1" showaddelement="no"> 

<b:widget id='Header1' locked='true' title='Nama Blog Anda (Header)' type='Header'/> 

</b:section> 

</div>

<div id="under_header"> 

<b:section id='underheader' preferred='yes'/> 

</div> 

9. Terakhir klik Simpan Template.
Nah selamat mencoba dan semoga berhasil
 

Menarik untuk Dibaca:

Trik Blog

• Akibat Jarang Update Blog
• Membuat Widget Label dalam Scrolbar
• Membuat Breadcrumbs Terindeks Google
• Membuat Widget Entri Populer Cantik
• Segera Nonaktifkan Arsip Blog Anda
• Cara Mengatasi Kredensial OpenID
• Mendulang Trafik dan dollar dari Easyhits4u
• Survey Dibayar Dollar dan Triffic
• Menimbang Penting Tidaknya Buku Tamu
• Melihat Posisi Artikel di Google
• Membuat Background pada Judul Sidebar
• Mengatur Gerak Teks Menggunakan Mouse
• 2 Langkah Pasti Mendatangkan 1 Juta Pengunjung
• Cara Mempertahankan Alexarank
• Membuat Artikel Tampil di Halaman Pertama Google
• Cara Membuat Video Dalam Posting
• Cara Membuat 3 Kolom Tambah Gadget
• Ping Spesial Agar Googel Langsung Mengindeks Artikel
• Trik Jitu Mempercepat Loading Blog dengan Compres CSS
• Trik Mengaktifkan Fitur Simpan dan Keluar pada Mozilla Firefox 4