Cara Menambah Kolom Elemen Di Bawah Header

Cara Menambah Elemen Di bawah Header Blog

Sebenarnya sudah banyak blog tetangga kita yang mempostingkan tentang tutorial ini, namun masih banyak teman-teman blogger kita yang masih bingung, terutama teman-teman kita yang masih pemula. Mungkin bagi seorang master cara-cara seperti ini sudah di luar kepala, tapi bagaimana dengan teman-teman kita yang masih pemula? tentu sangat membingungkan. Betul tidak?...
Menambah kolom elemen dibawah header sudah tentu harus menambah kode script ke dalam templat blog kita. Lalu bagaimana cara menambahan kode script tersebut!

Ok sekarang kita mulai saja tutorialnya sebagai berikut.

• Pertama Login dulu ke www.blogger.com
• Lalu klik Tata Letak atau Rancangan
• Setelah itu klik Edit HTML
• Kemudian cari kode script ini ]]></b:skin> dengan cara tekan tombol Ctrl + F di keyboard anda lalu masukkan kode script nya setelah itu klik tombol Enter.
  seperti ini

• Jika sudah ketemu,  masukkan kode script di bawah ini persis di atas kode scrip tadi
  
  #under_header{
  margin:10px 0;
  padding:1%;
  width:98%;
  }

• Setelah itu cari kode script di bawah 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>

• Setelah ketemu, masukkan kode script di bawah ini persis di bawah kode script tadi
  
  <div id="under_header">
  <b:section class='header' id='underheader' preferred='yes'/>
  </div>

• Setelah selesai klik simpan

Sekarang coba anda lihat hasilnya, jika sudah benar maka hasilnya akan jadi seperti ini