Membuat Menu Horizontal (Gadget Header)

                                       
Kali ini saya akan memberi tahu cara membuat Menu Horizontal pada Blog.Kita bisa menambahkan elemen gadget di sidebar kiri atau kanan, dan post area. Kadang kita ingin menambahkan gadget di area header, tapi tidak bisa. Kita bisa menambahkan banner di header atau tulisan berjalan. Sekarang kita akan belajar untuk mengedit template blog sehingga bisa menambahkan elemen gadget di bawah atau atas judul blog.

Cara Menambahkan Gadget di Header
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut;

<div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='1'showaddelement='no'>
<b:widget id='Header1' locked='true' title=Verdienen (Header)' type='Header'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
</b:section>

6. Hapus kode maxwidgets='1' dan ganti showaddelement='no' dengan showaddelement='yes'
7. Simpan template jika suda selesai.

*Sekarang di halaman Rancangan > Elemen Laman, kita sudah bisa menambahkan gadget. 

* Jika sudah, langkah selanjutnya adalah sebagai berikut.

Cara Membuat Menu Horizontal Sederhana di Header
1. Pilih Rancangan
2. Klik Tambah Gadget yang ada di Header
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
<b><div style="text-align: center;"> <a
 href="http://orakarik-sesukahati.blogspot.com/">Home</a>| <a    href="http://twitter.com/#!/zakiwahyu">Twitter</a>| <a 
href="https://www.facebook.com/zakiwps?ref=tn_tnmn">Facebook</a>| </div></b>
5. Teks yang berwarna hijau adalah URL yang dituju sedang yang berwarna merah adalah teks yang tampil. Kita bisa menambahkan lebih banyak link sesuai lebar header dan link yang ingin kita tampilkan, dengan menambahkan kode yang tercetak miring setelah | yang terakhir.
6. Simpan jika sudah selesai. 


SELAMAT MENCICIPI!