Cara Edit Isyarat Dan Mengisi Hidangan Navigasi Blog Template Viomagz

Langsung sajah kesempatan kali ini admin kan coba bagikan bagaimana menampilkan link Url di hidangan Navigasi Template Viomagz alasannya pada template blog VioMagz buatan dari Mas Sugeng ini terdapat dua hidangan navigasi.

Diantaranya adalah, hidangan Navigasi Pertama di sebelah kanan Header, dan hidangan yang terletak di bab atas Footer.

Dan untuk menampilkan link url di hidangan tersebut tentu wajib mengisinya, caranya harus melalui edit aba-aba html eksklusif mencari aba-aba hidangan tersebut.

Berikut langkah mengedit hidangan navigasi pertama di template Viomagz khusus pemula yang masih bingung.

• Login ke “Blogger”
• Buka hidangan “Tema”,
• Lalu Klik “Edit HTML”

Kemudian temukan aba-aba yang penampakanya menyerupai ini di dalam aba-aba template:

<!-- hidangan 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>
<!-- hidangan 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

Bagian (?m=1) admin potong, menyisipkan sampai

https://menekuni.blogspot.com/search/
label/Blogger

dan hasil penerapanya menyerupai ini:

<!-- hidangan 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>
<!-- hidangan navigasi header end -->

Untuk mengisi bab "SubMenu1,2,4 seterusnya.

Contoh penerapan:

<!-- hidangan 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>
<!-- hidangan navigasi header end -->

Jika anda menginginkan untuk mengurangi atau menghapus hidangan tersebut, cukup hapus dari mulai kode <li> sampai </li>. Misalnya ingin menghapus hidangan “SubMenu4” maka hapus sajah kode:

<li><a href='#'>SubMenu4</a></li>

Namun jikalau anda ingin menambah menu
copy sajah aba-aba ini:

<li><a href='#'>NamaMenu</a></li>

Untuk menambahkan hidangan "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>
<!-- hidangan 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:

<!-- hidangan 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> <!-- hidangan navigasi footer end -->

Pada umumnya link yang di tampilkan di bab Menu Navigasi Kedua di Atas Footer ini mengambil URL dari hidangan laman (halaman) blog, menyerupai halaman pribadi, kontak kami dan lainya...

Contoh penerapan:

Sebagai referensi admin disini menyisipkan URL dari halaman kontak blog ini.

<!-- hidangan 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> <!-- hidangan 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 aba-aba hidangan pertama dan kedua caranya sama hanya sajah untuk bab aba-aba hidangan di atas footer, tidak support submenu.

Sumber https://sugeng.id/docs/panduan-setting-template-viomagz/

Demikian Cara Menampilkan Link di Menu Navigasi Blog Template Viomagz. Semoga sanggup membantu.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: