Kali ini saya akan menunjukkan cara untuk membuat Menu Horizontal yang sederhana di Hearder blog kita. Karena memang menu itu dibuat 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 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://ecyber-reog.blogspot.com/">Home</a>| <a href="http://facebook.com/RD.Rahmadani.07">Facebook</a>| <a href="http://twitter.com/RD_Rahmadani">Twitter</a>| <a href="http://www.facebook.com/pages/Rezpector-Ponorogo-Rezpector-Reog-City/175616802565265">Rezpector Ponorogo</a>| <a href="http:/facebook.com/rd.rahmadani">Facebook II</a>| </div></b>
5. Teks yang berwarna biru adalah URL yang dituju sedang yang berwarna merah adalah teks yang tampil di Menu. 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.
Semoga postingan ini bermanfaat.. :)
0 komentar:
Posting Komentar