Pertanyaan Elly Ismawaty saat perkuliahan IT For Business tentang bagaimana menambah sub menu navigasi pada blog memotivasiku untuk membuat tutorialnya. Karena setelah dipikir-pikir (mumpung mau mikir sih), penambahan sub menu navigasi memang penting, selain akan mempercantik tampilan blog, juga memanfaatkan serta mengefisiensikan tampilan blog, sehingga pengunjung menjadi semakin betah berlama-lama di blog kita. Mohon untuk membaca juga Posting ini yang sangat ada kaitannya dengan posting sebelumnya tentang Membuat Tautan Link Internal Blog.
Yang perlu diperhatikan saat menambahkan script sub menu navigasi adalah tag HTML pembuka dan tag HTML penutup harus matching (sama). Jika tidak, maka akan muncul jawaban seperti ini :
Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The element type "li" must be terminated by the matching end-tag "</li>".
Error 500
Adapun langkah-langkahnya adalah sebagai berikut :
1. Login ke Blog anda
2. Pilih Rancangan > Edit HTML (jangan lupa centang Expand Template Widget)
3. Cari salah satu Menu Navigasi Blog Anda yang akan anda tempatkan script sub-menu navigasi
4. Copy script HTML di bawah ini :
<ul class='children'/>
<li><a href='http://alamatbloganda.blogspot.com'>Sub Menu Navigasi</a>
<ul class='children'>
<li><a href='#'>Sub Menu Label</a></li>
<li><a href='#'>Sub Menu Label</a></li>
<li><a href='#'>Sub Menu Label</a></li>
<li><a href='#'>Sub Menu Label</a></li>
<li><a href='#'>Sub Menu Label</a></li>
</ul>
</li>
5. Paste dan tempatkan dibawah salah satu menu navigasi Blog Anda<li><a href='http://alamatbloganda.blogspot.com'>Sub Menu Navigasi</a>
<ul class='children'>
<li><a href='#'>Sub Menu Label</a></li>
<li><a href='#'>Sub Menu Label</a></li>
<li><a href='#'>Sub Menu Label</a></li>
<li><a href='#'>Sub Menu Label</a></li>
<li><a href='#'>Sub Menu Label</a></li>
</ul>
</li>
6. Klik PRATINJAU Terlebih dahulu untuk memastikan apakah berhasil atau tidak
7. Jika berhasil, klik SIMPAN TEMPLATE
Catatan :
- Ganti Tulisan alamatbloganda
- Rubah tanda # dengan tautan link sub menu sesuai label posting
- Rubah Tulisan warna Biru Sesuai Label Posting Blog anda, jika tautannya hanya internal blog
SELAMAT MENCOBA
--------Best Regard----------
---Aghaku---
Terimaksih gan segera dipraktekkan kalau ada masalah kita kan konsultasi kesini ya Gan,,,
BalasHapustemplate saya dah ada menunya mas, tapi belum ada sub menu, coba nambahin pake cara diatas ga berhasil, malah menu jadi tidak beraturan, mohon pencerahannya ya, thanks...
BalasHapusSaya coba terpakan gan, trims ya...di tunggu kunjungan baliknya.
BalasHapustrims :)
BalasHapusmakasih mas,
BalasHapussangat bermanfaat,,,
makasih atas informasinya sobat... <a href="http://www.musictv-news.in/>Kumpulan Lirik Lagu</a>
BalasHapusTerima kasih banyak sobat...ku udah keliling google ku bingung buat submenu navigasi akhirnya ku temukan artikel sobat ini simpel di aplikasikan dan berhasil..makasih banyak ilmunya.
BalasHapusg bisa i mas
BalasHapus