Membuat Element Di Bawah Header

Membuat Element atau Widget di bawah header untuk menambah menarik design blog. Bagi designer blog yang memiliki selera yang tinggi untuk memuat blognya menjadi lebih variasi tentunya teknik ini bisa dicoba. Tehnik yang digunakan untuk dapat meyimpan widget atau elemen persis di bawah header atau dengan membuat kolom baru langsung di bawah header, dapat dilaksanakan tahapan berikut.

Untuk membuat kolom baru tidaklah sesulit yang dbayangkan, hanya cukup menambahkan sedikit kode HTML kedalam kode template blog. Langkah-langkah adalah sbb:

1. Login ke blogger dengan ID.


2. Klik Tata Letak.


3. Klik tab Elemen Halaman. Perhatikan struktur layout template.


4. Klik tab Edit HTML.


5. Klik Tulisan Download Template Lengkap, silahkan di backup dulu Template existing(penting).


6. Copy kode berikut, lalu paste di atas kode ]]></b:skin>
   
   #under_header{
   margin:10px 0;
   padding:1%;
   width:98%;
   }
   
7. Cari kode yang mirip dengan kode 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>
   
   Copy kode berikut lalu paste persis di bawah kode tadi :
   
   <div id="under_header">
   <b:section class='header' id='underheader' preferred='yes'/>
   </div>
   


8. Klik tombol SIMPAN TEMPLATE. Tunggu beberapa saat sampai template anda tersimpan.


9. Klik tab Elemen Halaman. dan struktur layout anda akan menjadi seperti ini.

Sekarang anda sudah mempunyai elemen yang langsung persis di bawah header, silahkan tambahkan elemen yang diinginkan. Mau pasang iklan google adsense, atau gambar animasi lainnya.

Selesai.