Edit Menu dan Sub Menu Melalui Edit HTML Template

27 Mar 2012 - - 5

Pada tutorial ini saya akan membahas cara mengedit menu dan sub menu pada jenis template yang mengharuskan mengedit melalui Edit HTML Template.
Sebagai study kasus, kita akan mengedit menu dan sub menu seperti pada gambar berikut ini:

1. Login halaman admin blog anda seperti biasa, => blogger.com  (masukan email dan password anda)
Klik template dan klik pada Edit HTML Perhatikan  gamabar berikut:


2. Setelah kode HTML template terbuka, beri centang pada expand Template Widget (ditunjukan dengan nomor 2 pada gambar diatas)
Gunakan tombol kombinasi keyboard CTRL+F untuk menggunakan fasilitas Find (ditunjukan pada nomor 3), ketiklah nama menu yang akan anda edit, maka seperti contoh diatas ditunjukan pada nomor 4, menu yang ada dalam kode template akan tampak.

Pada gambar dibawah ini merupakan contoh dimana saya akan mengedit Sub Menu Drop Menu 1, perhatikan gambar:

Pada gambar diatas nomor 1 merupakan letak link tujuan menu ketika di klik, sedangkan nomor 2 merupakan nama menu/ sub menunya.

Pada nomor 3 merupakan kode untuk 1 menu, jadi jika anda akan menambah menu lain, maka anda cukup mengcopy kode HTML sesuai gambar diatas.

Pastikan anda sudah memposting tulisan sesuai dengan menu yang akan dibuat, karena nanti posting tersebut akan diambil link lokasinya untuk dipasang pada menu, sebagai contoh:
Saya akan membuat menu Profil, maka saya memposting terlebih dulu dengan judul Profil, setelah dipublikasikan, maka kita bisa mendapatkan link lokasi posting Profil seperti link berikut:
http://www.bloganda.com/2013/03/profil.html
(kita bisa copy link diatas di Address Bar)

Dari link yang sudah kita dapatkan, selanjutnya kita pasang di kode HTML menu, maka jadinya seperti kode berikut::

Menu Profil

Demikian, semoga bermanfaat.