Cara membuat Elemen Persis Di bawah Header

Seperti kang rohman tulis pada artikel "

Menyimpan widget persis di bawah header ", bahwa tidak hanya cara
tersebut saja yang bisa anda lakukan namun masih ada teknik yang lain untuk
dapat meyimpan widget atau elemen persis di bawah header. Teknik yang kang
rohman maksud adalah dengan membuat kolom baru langsung di bawah header,
penasaran bagaimana caranya? yuk di lanjut mang!!!

 

Untuk membuat kolom baru tidaklah sesulit yang anda bayangkan, anda
hanya cukup menambahkan sedikit kode css serta HTML kedalam kode template
anda. Belum tahu caranya? silahkan ikuti langkah berikut :

 

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.

Admin

Endro Prasiswo
tel.:081334169022
fax:03423326622
Email:admin@kesamben.co.cc
URL:http://www.obralilmu.co.cc
Facebook:http://www.facebook.com/endro.prasiswo

Silahkan dibaca juga kelanjutannya dibawah ini