Cara Membuat Satu Kolom Widget Dibawah Header

Cara Membuat Satu Kolom Widget Dibawah Header

1. Masuk ke akun blogger anda
2. Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard anda
3. Cari kode ]]></b:sin>
4. Letakkan kode berikut diatas kode ]]></b:sin>
   #oneunderheader{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 kode </div> pada no.5
   <div id='oneunderheader'>
   <b:section class='header' id='oneunderheader' preferred='yes'/>
   </div>
   
   Sehingga hasilnya seperti 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>
   <div id='oneunderheader'>
   <b:section class='header' id='oneunderheader' preferred='yes'/>
   </div>
7. Klik Pratinjau terlebih dahulu untuk melihat hasilnya, jika tidak ada error silahkan Simpan Template anda

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