Cara Membuat Satu Kolom Widget Diatas Header

Cara Membuat Satu Kolom Widget Diatas Header seperti yang terlihat pada gambar dibawah (panah merah) telah saya buat khusus untuk sobat dengan cara yang mudah, sobat bisa membuat satu kolom widget diatas header blog sobat dengan mengikuti panduan cara membuat satu kolom widget diatas header. Dengan adanya tambahan satu kolom widget diatas header akan memberikan tambahan ruang dalam blog sobat yang nantinya bisa sobat gunakan untuk memasukkan konten-konten diluar topik blog sobat atau dari dalam topik blog sobat sendiri. Apalagi jika di area header blog ditambahkan lagi dua kolom atau tiga kolom widget maka sobat akan lebih leluasa dalam memasukkan atau memasang konten-konten yang sobat sukai.

Berikut Cara Membuat Satu Kolom Widget Diatas Header

1. Masuk ke akun blogger sobat
2. Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard sobat
3. Cari Kode ]]></b:skin>
4. Letakkan kode berikut diatas kode ]]></b:skin>
   #oneupperheader{margin:10px 0;padding:1%;width:100%;}
5. Cari kode berikut 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>
6. Letakkan kode berikut ini tepat dibawah <div id='header-wrapper'>
   <b:section class='header' id='oneupperheader' preferred='yes'/>
   Sehingga hasilnya seperti berikut ini
   <div id='header-wrapper'>
   <b:section class='header' id='oneupperheader' preferred='yes'/>
   <b:section class='header' id='header' maxwidget="1" showaddelement="no">
   <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
   </b:section>
   </div>
7. Klik Pratinjau terlebih dahulu untuk melihat hasilnya, jika tidak ada error silahkan Simpan Template sobat

Penting: Setiap template memiliki kode-kode css atau id html yang berbeda jadi sesuaikan setiap kode yang sobat miliki dengan setiap panduan yang sobat dapatkan atau sesuaikan setiap kode panduan dengan kode yang ada ditemplate sobat

Sekian, jika ada ide lain dalam membuat satu kolom widget diatas header, mari kita diskusikan bersama dengan meninggalkan komentar di artikel ini Cara Membuat Satu Kolom Widget Diatas Header