cara membuat menu navigasi

Jumat, 02 Desember 2011

Cara Membuat Menu Navigasi pada Blogspot


CARA MUDAH MEMBUAT MENU NAVIGASI---Berhubung saya sempat pusing dan hampir seharian cari cara untuk memasang menu navigasi pada blog baru saya, maka setelah ketemu caranya dan berhasil, saya ingin sedikit berbagi di sini. Ini saya pilih cara yang paling mudah dan ga ribet.

Pertama buka elemen halaman lalu klik tambah gadget. Pilih HTML/JavaScript lalu ketik tulisan di bawah ini pada kotak konten

<div id='navbarmenuleftx'>
<ul id='navx'>

<li><a href='/'>Home</a></li>
<li><a href='#yourlink'>Menu 1</a>
<ul>
<li><a href='#yourlink'>Menu 1.1</a>
<ul>
<li><a href='#yourlink'>Menu 1.1.1</a></li>
<li><a href='#yourlink'>Menu 1.1.2</a></li>
<li><a href='#yourlink'>Menu 1.1.3</a></li>
<li><a href='#yourlink'>Menu 1.1.4</a></li>
</ul>
</li>


<li><a href='#yourlink'>Menu 1.2</a>
<ul>
<li><a href='#yourlink'>Menu 1.2.1</a></li>
<li><a href='#yourlink'>Menu 1.2.2</a></li>
<li><a href='#yourlink'>Menu 1.2.3</a></li>
<li><a href='#yourlink'>Menu 1.2.4</a></li>
</ul>
</li>

<li><a href='#yourlink'>Menu 1.3</a>
<ul>
<li><a href='#yourlink'>Menu 1.3.1</a></li>
<li><a href='#yourlink'>Menu 1.3.2</a></li>
<li><a href='#yourlink'>Menu 1.3.3</a></li>
<li><a href='#yourlink'>Menu 1.3.4</a></li>
</ul>
</li>
</ul>
</li>

</ul>
</div>
Sesuaikan dengan link dan menu yang akan anda buat dengan mengedit tulisan yang berwarna merah diatas. Misal #yourlink, bisa anda ganti dengan search/label/NamaLabelBlogmu

Menu, anda ganti dengan judul tampilan yang muncul.

Yang perlu diingat, jika ingin membuat navigasi horisontal, maka tanda <ul> diganti dengan </li> dan diletakkan di sebelah </a> (bukan di bawahnya). Sedangkan untuk kode di atas hanya untuk menbuat navigasi versi slide (cabang).
 Simpan dan anda lihat hasilnya. Anda sekarang berhasil Membuat Menu Navigasi Blog. Selamat Mencoba..c

1 komentar:

  1. nice posting :)
    happy blogging ya, visit juga blog aku:
    http://vikaetiana.blogspot.com

    BalasHapus