Cara Mengedit Menu Navigasi Di Blogger

Hai ...


Kalian para blogger pasti tidak asing dengan menu navigasi yang biasanya terletak diatas halaman blog.

Pada template default blogger, menu navigasi hanya sebatas label yang tidak bisa diedit atau ditambahkan menu drop down di dalamnya. Jadi kurang menarik dari segi tampilan.


Namun ...

... untuk kebanyakan template buatan pihak ketiga, kalian akan dengan mudah mencari template dengan menu dropdown yang bahkan mempunyai 4 tingkat sekaligus.

Kalian bisa mencari template yang mempunyai drop down menu di beberapa link berikut.

• http://www.zoomtemplate.com/
• http://www.bloggerthemes.net/
• http://www.bloggertemplatesblog.com/
• http://www.bloggerstyles.com/
• http://btemplates.com/
• http://themecraft.net/
• http://www.bloggerblogtemplates.com/
• http://blogtemplate4u.com/category/blogger-template
• http://www.deluxetemplates.net/
• http://www.ivythemes.com
• http://themeforest.net/

Lantas, apa gunanya drop down menu jika tidak digunakan dengan benar.

Banyak teman-teman blogger yang membiarkan navigasi menunya masih default atau seperti gambar di atas. Jadi tulisan yang ada masih menu1, menu2, dan seterusnya.

Entah itu karena tidak tau cara mengeditnya, atau memang dibiarkan.

// Bagaimana cara mengedit navigation menu?

Step 1:

Lihat drop menu di blog, meskipun belum diedit, tidak apa-apa. Lalu ambil salah satu kata / kalimat yang ada di navbar tersebut.

Misalnya, di navbar ini ...

... aku mengamibil kata Features.

Step 2:

Login blogger - Theme - Edit HTML.

Step 3:

Klik CTRL+F untuk membuka kotak cari, kemudian masukkan kata yang ada di navbar kalian tadi.
Misalnya Features.
Cari terus sampai ketemu kode yang mirip seperti ini. Ada tag <li>, dan tag <a>

  <li><a class='home' expr:href='data:blog.homepageUrl'>Home</a></li>
  <li><a href='#'>Features</a></li>
  <li><a href='#'>Pricing</a></li>
  <li><a href='#'>About</a></li>

Step 4:

Kalian ganti tanda # dengan link yang akan dituju.
Tulisan warna hitam dengan kata yang akan ditampilkan di Navigation menu.

Step 5:

Save Theme.



Untuk menu yang mempunyai drop down, atau cabang lagi. Tidak jauh beda cara mengeditnya seperti tadi. Memang perlu sedikit pemahaman koding, tapi kalau kalian sering mengedit theme, pasti akan terbiasa juga.




Sekian,

Happy Blogging ...

Share this post