Langsung sajah kesempatan kali ini admin kan coba bagikan bagaimana menampilkan link Url di sajian Navigasi Template Viomagz alasannya yakni 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 bab atas Footer.
Dan untuk menampilkan link url di sajian tersebut tentu wajib mengisinya, caranya harus melalui edit arahan html pribadi mencari arahan 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 referensi 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 bab "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 arahan ini:
<li><a href='#'>NamaMenu</a></li>
Untuk menambahkan sajian "Submenu" copiy arahan 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 arahan :
</ul>
<!-- sajian navigasi header end -->
Tinggal sesuaikan URL tujuan dan Nama menunya.
Berikut ini Cara Mengisi Menu Navigasi Kedua (Di Atas Footer)
Temukan arahan menyerupai ini di dalam arahan 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 bab Menu Navigasi Kedua di Atas Footer ini mengambil URL dari sajian laman (halaman) blog, menyerupai halaman pribadi, kontak kami dan lainya...
Contoh penerapan:
Sebagai referensi 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 bab arahan sajian pertama dan kedua caranya sama hanya sajah untuk bab arahan sajian di atas footer, tidak support submenu.
Demikian Cara Menampilkan Link di Menu Navigasi Blog Template Viomagz. Semoga sanggup membantu.