BELAJAR NGEBLOG: Membuat Menu Horizontal Sederhana di Header

Membuat Menu Horizontal Sederhana di Header

Sekarang kita akan belajar membuat menu horizontal yang sederhana di header. Yang perlu ditekankan adalah kesederhaan itu. Karena memang menu itu saya buat hanya menggunakan kode HTML yang sederhana berupa deretan link-link. Menu navigasi yang mudah akan memberikan pengalaman yang baik bagi pembaca blog kita. Menu horizontal ini saya buat terlebih dulu dengan menambahkan elemen gadget di header. Jika sudah, langkah selanjutnya adalah sebagai berikut.

Cara Membuat Menu Horizontal Sederhana di Header
1. Pilih Tata Letak
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://saefuljihadlearn.blogspot.com">Halaman Depan</a>| <a href="http://saefuljihadlearn.blogspot.com/2012/12/blog-post.html">Daftar Isi</a>| <a href="http://twitter.com/saeful_jihad">Twitter</a>| <a href="http://www.facebook.com/saefuljihad">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.
6. Simpan jika sudah selesai.

Referensi: http://kurniasepta.blogspot.com/2011/11/membuat-menu-horizontal-sederhana-di.html