Langsung sajah kesempatan kali ini admin kan coba bagikan bagaimana menampilkan link Url di sajian Navigasi Template Viomagz sebab pada template blog VioMagz buatan dari Mas Sugeng ini terdapat dua sajian navigasi.
Diantaranya adalah, sajian Navigasi Pertama di sebelah kanan Header, dan sajian yang terletak di belahan atas Footer.
Dan untuk menampilkan link url di sajian tersebut tentu wajib mengisinya, caranya harus melalui edit aba-aba html eksklusif mencari aba-aba sajian tersebut.
Berikut langkah mengedit sajian navigasi pertama di template Viomagz khusus pemula yang masih bingung.
- Login ke “Blogger”
- Buka sajian “Tema”,
- Lalu Klik “Edit HTML”
<!-- sajian navigasi header start --><ul><li>
<a href='#'>Menu</a></li> <li><a href='#'>Menu</a></li> <li><a href='#'>Menu</a></li> <li><a href='#'>Menu</a> <ul> <li><a href='#'>SubMenu1</a></li> <li><a href='#'>SubMenu2</a></li> <li><a href='#'>SubMenu3</a></li> </ul> </li> <li><a href='#'>Menu</a> <ul> <li><a href='#'>SubMenu1</a></li> <li><a href='#'>SubMenu2</a></li> <li><a href='#'>SubMenu3</a></li> <li><a href='#'>SubMenu4</a></li> </ul> </li> </ul>
<!-- sajian navigasi header end -->
<a href='#'>Menu</a></li> <li><a href='#'>Menu</a></li> <li><a href='#'>Menu</a></li> <li><a href='#'>Menu</a> <ul> <li><a href='#'>SubMenu1</a></li> <li><a href='#'>SubMenu2</a></li> <li><a href='#'>SubMenu3</a></li> </ul> </li> <li><a href='#'>Menu</a> <ul> <li><a href='#'>SubMenu1</a></li> <li><a href='#'>SubMenu2</a></li> <li><a href='#'>SubMenu3</a></li> <li><a href='#'>SubMenu4</a></li> </ul> </li> </ul>
<!-- sajian navigasi header end -->
Contoh pemasangan:
Sebagai teladan penerapan dibawah ini admin, mengambil link url dari Label dalam blog ini.
Hasil URL lengkap sebelumnya menyerupai ini
https://menekuni.blogspot.com/search/
label/Blogger?m=1
label/Blogger?m=1
Bagian (?m=1) admin potong, menyisipkan sampai
https://menekuni.blogspot.com/search/
label/Blogger
label/Blogger
dan hasil penerapanya menyerupai ini:
<!-- sajian navigasi header start -->
<ul><li><a href='https://menekuni.blogspot.com/
search/label/Blogger'>Blogger</a></li> <li><a href='#'>Menu</a></li> <li><a href='#'>Menu</a></li> <li><a href='#'>Menu</a> <ul> <li><a href='#'>SubMenu1</a></li> <li><a href='#'>SubMenu2</a></li> <li><a href='#'>SubMenu3</a></li> </ul> </li> <li><a href='#'>Menu</a> <ul> <li><a href='#'>SubMenu1</a></li> <li><a href='#'>SubMenu2</a></li> <li><a href='#'>SubMenu3</a></li> <li><a href='#'>SubMenu4</a></li> </ul> </li> </ul>
<!-- sajian navigasi header end -->
<ul><li><a href='https://menekuni.blogspot.com/
search/label/Blogger'>Blogger</a></li> <li><a href='#'>Menu</a></li> <li><a href='#'>Menu</a></li> <li><a href='#'>Menu</a> <ul> <li><a href='#'>SubMenu1</a></li> <li><a href='#'>SubMenu2</a></li> <li><a href='#'>SubMenu3</a></li> </ul> </li> <li><a href='#'>Menu</a> <ul> <li><a href='#'>SubMenu1</a></li> <li><a href='#'>SubMenu2</a></li> <li><a href='#'>SubMenu3</a></li> <li><a href='#'>SubMenu4</a></li> </ul> </li> </ul>
<!-- sajian navigasi header end -->
Untuk mengisi belahan "SubMenu1,2,4 seterusnya.
Contoh penerapan:
<!-- sajian navigasi header start -->
<ul><li>
<a href='https://menekuni.blogspot.com/
search/label/Blogger'>
Blogger</a></li> <li><a href='#'>Menu</a></li> <li><a href='#'>Menu</a></li> <li><a href='#'>Nama SubMenu</a> <ul> <li><a href='https://menekuni.blogspot.com/
search/label/Blogger'>
Blogger</a></li> <li><a href='#'>SubMenu2</a></li> <li><a href='#'>SubMenu3</a></li> </ul> </li> <li><a href='#'>Menu</a> <ul> <li><a href='#'>SubMenu1</a></li> <li><a href='#'>SubMenu2</a></li> <li><a href='#'>SubMenu3</a></li> <li><a href='#'>SubMenu4</a></li> </ul> </li> </ul>
<!-- sajian navigasi header end -->
<ul><li>
<a href='https://menekuni.blogspot.com/
search/label/Blogger'>
Blogger</a></li> <li><a href='#'>Menu</a></li> <li><a href='#'>Menu</a></li> <li><a href='#'>Nama SubMenu</a> <ul> <li><a href='https://menekuni.blogspot.com/
search/label/Blogger'>
Blogger</a></li> <li><a href='#'>SubMenu2</a></li> <li><a href='#'>SubMenu3</a></li> </ul> </li> <li><a href='#'>Menu</a> <ul> <li><a href='#'>SubMenu1</a></li> <li><a href='#'>SubMenu2</a></li> <li><a href='#'>SubMenu3</a></li> <li><a href='#'>SubMenu4</a></li> </ul> </li> </ul>
<!-- sajian navigasi header end -->
Jika anda menginginkan untuk mengurangi atau menghapus sajian tersebut, cukup hapus dari mulai kode <li> sampai </li>. Misalnya ingin menghapus sajian “SubMenu4” maka hapus sajah kode:
<li><a href='#'>SubMenu4</a></li>
Namun kalau anda ingin menambah menu
copy sajah aba-aba ini:
<li><a href='#'>NamaMenu</a></li>
Untuk menambahkan sajian "Submenu" copiy aba-aba ini:
<li><a href='#'>Menu</a> <ul> <li><a href='#'>SubMenu1</a></li> <li><a href='#'>SubMenu2</a></li> <li><a href='#'>SubMenu3</a></li> <li><a href='#'>SubMenu4</a></li> </ul> </li>
Pastekan kodenya di atas aba-aba :
</ul>
<!-- sajian navigasi header end -->
Tinggal sesuaikan URL tujuan dan Nama menunya.
Berikut ini Cara Mengisi Menu Navigasi Kedua (Di Atas Footer)
Temukan aba-aba menyerupai ini di dalam aba-aba template:
<!-- sajian navigasi footer start --> <ul> <li><a href='#'>About</a></li> <li><a href='#'>Contact</a></li> <li><a href='#'>Privacy Policy</a></li> <li><a href='#'>Disclaimer</a></li> </ul> <!-- sajian navigasi footer end -->
Pada umumnya link yang di tampilkan di belahan Menu Navigasi Kedua di Atas Footer ini mengambil URL dari sajian laman (halaman) blog, menyerupai halaman pribadi, kontak kami dan lainya...
Contoh penerapan:
Sebagai teladan admin disini menyisipkan URL dari halaman kontak blog ini.
<!-- sajian navigasi footer start --> <ul> <li><a href='#'>About</a></li> <li><a href='https://menekuni.blogspot.com/
p/co.html'>Contact Us</a></li> <li><a href='#'>Privacy Policy</a></li> <li><a href='#'>Disclaimer</a></li> </ul> <!-- sajian navigasi footer end -->
p/co.html'>Contact Us</a></li> <li><a href='#'>Privacy Policy</a></li> <li><a href='#'>Disclaimer</a></li> </ul> <!-- sajian navigasi footer end -->
Silahkan di contek ajah caranya menyerupai itu, yang di kasih warna merah sesuaikan dengan URL tujuan dan yang berwarna biru dengan nama link menu yang diinginkan.
Jika sudah diedit semua, jangan lupa klik “Simpan tema".
Jadi, untuk menambahkan URL di belahan aba-aba sajian pertama dan kedua caranya sama hanya sajah untuk belahan aba-aba sajian di atas footer, tidak support submenu.
Demikian Cara Menampilkan Link di Menu Navigasi Blog Template Viomagz. Semoga sanggup membantu.