Cara mudah membuat menu Horizontal

Horizontal menu atau Horizontal navigation bahasa bule nya kalo gk salah. ,!!!hehe.,adalah kumpulan dari beberapa Link yg tersusun secara mendatar atau horizontal,.yg berfungsi untuk mempermudah kita untuk menuju suatu halaman.,dan biasa nya terletak pada bagian atas Bar.,.dan kali ini saya akan memberikan sedikit tips membuat dg mudah Menu horizontal dg menggunakan Css.,.

Menu horizontal pada dasar nya terdiri dari elemen seperti ;

<ul>dan ditutup dg </ul>

dan

<li>

#Contoh nya ;

<ul><li><a href="#home"><span>Home</span></li> </a> <li><a href="#news"><span>News</span></li> </a> <li><a href="#contact"><span>Contact</span></li> </a> <li><a href="#about"><span>About</span></li> </a> </ul>

#catatan ;

-href="#" adalah sebuah Link.,ganti dg Link anda.

-Dan tulisan News yg ke2 adalah tulisan yg ingin anda tampilkan di Menu horizontal tersebut..

#Maka hasil nya akan seperti ini ;

• Home
• News
• Contact
• About

#Gimana sampai di sini apakah sdh mengerti. ??hehe

#Lalu Bagaimana jika anda ingin membuat nya di blog anda.,cekidot ya!!

#TAHAP PERTAMA.

1.Login ke halaman dasbor anda.

2.Klik menu Rancangan.

3.Klik menu Edit HTML.

4.Centang expand widget template.

5.Setelah proses selesai.,coba cari kode ;

<div id='header-wrapper'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /> <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/><br /> </b:section><br /> </div>

6.Jika sudah ketemu,.ubah kode ;

maxwidgets='1' menjadi maxwidgets='2'

7.Simpan template anda,.tahap pertama selesai.

#TAHAP KE DUA.

1.Klik Elemen halaman.

2.Klik Tambah gadget yg tepat berada di bawah navbar.

3.Pilih HTML javascript.

4.Copy kode #Contoh diatas dan pastekan.

*catatan ;

href="#" ganti dengan Link anda.

5.Klik Simpan..,Selesai Coba Lihat Blog anda..

Selamat mencoba ya!!

Saya Sarankan Anda Baca Juga