Cara Membuat Menu Navigasi pada Blogspot

11/12/2011 11:17:00 AM
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..

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk penulisan huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk penulisan huruf italic gunakan <em></em> atau <i></i>.
  • Untuk penulisan huruf underline gunakan <u></u>.
  • Untuk penulisan huruf strikethrought gunakan <strike></strike>.
  • Untuk penulisan kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

3 comments

saya bingung neh,
kita kan udah buat "LABEL", gimana carany tulisan kita itu bisa ada di dalam label, contohnya Cerpen, gimana caranya cerpen ini bisa masuk di label cerpen. mohon bantuannya :D

Balas

bantu sharing sama Lhina :)

setahu saya dalam posting blog (new post/edit post) selalu ada 'labels' sebelum publish.
Tinggal 'show all' aja, nanti tinggal klik label mana yg mau dipakai ke dalam blog.
Semoga membantu *walo telat banget

Balas

nah, lhina.. itu udah dijawab :D
maaf udah jarang buka blog. hehe

makasih vera :)

Balas

Silakan komentarnya untuk kemajuan blog ini.
Tapi jangan spam ya :)