Cara Membuat Menu Di Atas Header

HY lagi Sobat AXEN! Setelah sekian lama nggak nge BLog. Akhirnya saya ON juga. Maklum, minggu lalu saya udah Ulangan Akhir Semester.

Arrghh, banyak basa basi nich.. langsung aja ke Bahasan utama.

Cara membuat Elemen di atas header yang berfungsi sebagai pembangun tab horizontal

1. Login ke Blogger
2. Halaman Dasbor (Dasboard).
3. Klik Rancangan (Design).
4. Klik Edit HTML.
5. Backup template. Untuk mengantisipasi jika SOBAT salah ketik.
6. Cari kode <header>.
7. Copy dan paste-kan kode HTML berikut tepat di atas kode <header>.
   

   Kode HTML Elemen Baru

   <div class='tabs-outer'>
       <div class='tabs-cap-top cap-top'>
         <div class='cap-left'/>
         <div class='cap-right'/>
       </div>
       <div class='fauxborder-left tabs-fauxborder-left'>
       <div class='fauxborder-right tabs-fauxborder-right'/>
       <div class='region-inner tabs-inner'>
         <b:section class='tabs' id='GRaboveheader' maxwidgets='2' showaddelement='yes'/>
         <b:section class='tabs' id='GRaboveheader-overflow' showaddelement='no'/>
       </div>
       </div>
       <div class='tabs-cap-bottom cap-bottom'>
         <div class='cap-left'/>
         <div class='cap-right'/>
       </div>
       </div>
   
   

8. Klik Simpan Template (Save Template).
9. Jika Sobat ingin membuat Tab, silahkan Klik Elemen Laman (Page Elemen).
10. lihat "Elemen Baru di atas Elemen Header.
11. Silahkan gunakan untuk membuat Widget baru yang berupa horizontal tab menu. dengan Klik Add a Gadget. Atau Lihat Panduan Membuat Tab di sini
12. Selesai.