Minggu, 27 Maret 2011

Cara Membuat Menu Navigasi Horizontal

setelah kemarin aku udah ngasi tau kalian gimana cara menampilkan laman di dalam blog sekarang giliran aku kasi tau kalian gimana caranya membuat Menu Navigasi Horizontal.
umumnya sih, Menu Navigasi ini terbagi dua, yaitu yang Horizontal dan yang satu Vertikal. khusus pembahasan kali ini kita bahas yang horizontal aja ya,yang vertikal ntar aja kapan moodnya hahahaha...

mungkin cara ku ini adalah cara yang paling tergampang, kenapa? soalnya kalian gak perlu pakek edit-edit kode html. ribet! resiko gagalnya juga tinggi.

so, gak perlu banyak bacot, langsung capcus ke TKP!


1. langkah awal, seperti biasa, masuk ke blogger.com dan sign in akun kalian

2. setelah halaman dasbor terbuka, klik RANCANGAN

3. kalau sudah terbuka, klik TAMBAH GADGET yang ada dibawah header, dan pilih HTML/JAVASCRIPT

4. bila sudah terbuka, copy kemudian paste kode berikut ini kedalamnya:
<div class='menuhorisontal'>
<ul id='nav'>

<li><a href='http://teorikhairi.blogsopt.com'>Title</a> </li>
<li><a href='http://teorikhairi.blogsopt.com'>Title</a> </li>
<li><a href='http://teorikhairi.blogsopt.com'>Title</a> </li>
<li><a href='http://teorikhairi.blogsopt.com'></ul> </li>
</div>
jangan lupa untuk mengganti tulisan yang saya beri warna merah dengan link url apa yang anda mau masukkan.

5. bila semuanya sudah dilakukan, tinggal disimpan aja deh. gampangkan!

aku sengaja sih gak buat langkah untuk mengedit kode css nya, soalnya biar aja ni Menu Navigasi Horizontalnya ngikut aja bentuknya sama template yang kamu punya, biar nggak belang-belang gitu warnanya sama yang lain. selain itu kalian kan gak ribet sih, kalau harus edit-edit warnanya, besarnya, bentuk nya, kan jadi kerjaan lagi. ya nggak? ya dooong hehehe....

selamat mencoba! :)

Tidak ada komentar:

Posting Komentar