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 >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 dan yang berwarna coklat dengan email yang sesungguhnya pula.

Anda baru saja membaca artikel yang berkategori Tips Blog dengan judul Menambah Menu pada Header Blog. Anda bisa bookmark halaman ini dengan URL http://paper-makalah.blogspot.com/2010/06/menambah-menu-pada-header-blog.html. Terima kasih!

Ditulis oleh: Unknown -