Cara Menambah Elemen Halaman Baru di Bawah Header

Di bawah header bisa anda tambahkan kolom baru, kolom tersebut bisa untuk memasang iklan atau foto, atau yang lain.

Untuk membuat kolom baru, anda hanya cukup menambahkan kode css serta HTML kedalam kode template anda.


Langkah-langkahnya sebagai berikut :

1. Anda login dulu di blogger dengan username anda.


2. Kemudian klik Tata Letak / Layout

Tampilan header seperti ini :




3. Untuk menambah Elemen Halaman di bawah header, seperti tampilan di atas, anda bisa mulai dengan klik Template kemudian klik Edit HTML


4. Jangan lupa simpan template Anda terlebih dahulu, dengan cara klik Cadangkan / Pulihkan klik Download Template Lengkap ini untuk menyimpan semua data anda sebelum terjadi perubahan pada template anda.


5. Setelah proses penyimpanan selesai, anda tinggal copy kode di bawah :
   
   #under_header{
   margin:10px 0;
   padding:1%;
   width:98%;
   }


6. Kemudian paste di atas kode ]]></b:skin>


7. Kemudian copy kode berikut :
   
   <div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>


8. Setelah anda copy, kemudian tinggal paste di bawah kode :
   
   <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>


9. Setelah selesai, klik tombol SIMPAN TEMPLATE


10. Sekarang di bawah header sudah ada Elemen Halaman Baru. Bisa anda lihat sekarang.


11. Horeee berhasil.