Menambah Menu pada Header Blog

1. Login ke Blogspot--> Tata LeTak --> Edit HTML
2. Untuk berjaga-jaga bila nanti pada hasil editnya ada hal yang tidak sesuai dengan keinginan, maka download terlebih dahulu template awal, sehingga kita bisa mengembalikan kondisi template seperti semula dengan cara meng-upload (unggah) template awal yang telah didownload sebelumnya. 
3. Setelah itu cari kode ]]></b:skin> dan tambahkan kode berikut diatasnya:

#under_header{
}

4. Setelah itu cari baris kode berikut (atau yang mirip, tergantung model template yang dipakai ya): 

 <div id='header-wrapper'> 
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='Blog Doddy (Header)' type='Header'/>
</b:section>
    </div>

dan tambahkan kode dibawah ini dibawah kode tersebut diatas: 

<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>

5. Setelah itu klik tombol SIMPAN TEMPLATE, dan periksa pada Elemen Halaman apakah kolom Tambah Gadget yang baru dibuat sudah muncul dibawah header
6.Pergi ke Tata letak-->Elemen Halaman
Klik link Tambah Gadget dibawah header, lalu pilih HTML/JavaScript gadget.
7. Masukan kode berikut ke dalam kolom HTML/JavaSricpt:

<a href=http://alamatblog.blogspot.com>HOME</a><a> | </a><a href=http://alamataboutpageURL>ABOUT</a><a> | </a><a href=http://mailto: abcd@gmail.com This e-mail address is being protected from spambots. You need JavaScript enabled to view it >CONTACT</a><a> | </a><a href=http://alamattipsURL>TIPS</a>

  Catatan: 

Ganti kata yang berwarna hijau dengan nama menu yang dinginkan.Ganti kata yang berwarna merah dengan alamat URL sesungguhnya.

Posted in: Javascript/HTML