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
 

Post a Comment

أحدث أقدم