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
 

1 Response to "Cara Menambah Kolom Gadget di Bawah Header"

  1. Assalamu Alaikum wr-wb, perkenalkan nama saya ibu Rosnida zainab asal Kalimantan Timur, saya ingin mempublikasikan KISAH KESUKSESAN saya menjadi seorang PNS. saya ingin berbagi kesuksesan keseluruh pegawai honorer di instansi pemerintahan manapun, saya mengabdikan diri sebagai guru disebuah desa terpencil, dan disini daerah tempat saya mengajar hanya dialiri listrik tenaga surya, saya melakukan ini demi kepentingan anak murid saya yang ingin menggapai cita-cita, Sudah 9 tahun saya jadi tenaga honor belum diangkat jadi PNS Bahkan saya sudah 4 kali mengikuti ujian, dan membayar 70 jt namun hailnya nol uang pun tidak kembali, bahkan saya sempat putus asah, pada suatu hari sekolah tempat saya mengajar mendapat tamu istimewa dari salah seorang pejabat tinggi dari kantor BKN pusat karena saya sendiri mendapat penghargaan pengawai honorer teladan, disinilah awal perkenalan saya dengan beliau, dan secara kebetulan beliau menitipkan nomor hp pribadinya dan 3 bln kemudian saya pun coba menghubungi beliau dan beliau menyuruh saya mengirim berkas saya melalui email, Satu minggu kemudian saya sudah ada panggilan ke jakarta untuk ujian, alhamdulillah berkat bantuan beliau saya pun bisa lulus dan SK saya akhirnya bisa keluar,dan saya sangat berterimah kasih ke pada beliau dan sudah mau membantu saya, itu adalah kisah nyata dari saya, jika anda ingin seperti saya, anda bisa Hubungi Bpk Drs Tauhid SH Msi No Hp 0853-1144-2258. siapa tau beliau masih bisa membantu anda, Wassalamu Alaikum Wr Wr ..

    ReplyDelete