Lets Tutorial

1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Elemen Halaman. Perhatikan struktur layout template anda. Biasanya bagian header akan seperti ini :
   
   
   
   
4. Sekarang kita akan membuatkan sebuah kolom baru persis di bawah header. Siap? yuk mulai.
5. Klik tab Edit HTML.
6. Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).
7. Copy kode berikut, lalu paste di atas kode ]]></b:skin>
   
   #under_header{
margin:10px 0;
padding:1%;
width:98%;
}

   
8. 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>

9. Copy kode berikut lalu paste persis di bawah kode tadi :
   
   <div id="under_header">
<b:section class=header id=underheader preferred=yes/>
</div>

   
10. Klik tombol SIMPAN TEMPLATE. Tunggu beberapa saat sampai template anda tersimpan.
    
11. Klik tab Elemen Halaman. dan struktur layout anda akan menjadi seperti ini.
    
    
    
12. Yihaa! sekarang anda sudah mempunyai elemen yang langsung persis di bawah header, silahkan tambahkan elemen yang  inginkan. Mau pasang iklan google adsense, klik saya.com atau apa saja atau mungkin mau pasang photo anda yang ganteng serta cantik di sana? silahkan wong blog anda.
13. Selesai.

Kode-kode yang saya tuliskan di atas tentunya tidaklah mutlak, itu hanya kode paling sederhana yang saya buat untuk membuat tutorial �Cara membuat Elemen Persis Di bawah Header � menjelang mau kerja, jadi babay dulu ah, mo kerja dulu mo cari duit biar dapet dobel, dari internet OK dari kantor juga OK.