Cara Edit Navigasi Blog di Template VioMagz versi 3.2

TipsXu • Ryan Jauhari - Navigasi adalah menu yang memudahkan pengunjung menemukan halaman - halaman yang penting.
Biasanya menu ini diletakan pada bagian atas halaman, agar lebih mudah dilihat. Bagi anda yang belum mengajukan situs ke adsense sebainya kurangi jumlah link yang ada dalam menu navigasi. Karena tim google akan kesulitan meninjau situs sobat, bisa jadi situa direview dalam waktu yang sangat lama.

Dalam postingan ini saya sedikit ajarkan, agar bisa mengedit menu navigasi anda harus terlebih dahulu memahami kode HTML Dasar. Kecuali jika template yang anda gunakan mendukung pengeditan cepat.
Jika template yang anda gunakan mendukung pengeditan cepat anda bisa melalukanya pada menu tata letak dan kemudian piilih edit menu nav header, blog ini menggunakan template VioMagz Jadi untuk mengeditnya harus diedit HTML manual dan tidak bisa melalui menu tata letak.

Seberapa penting menu Navigasi?

Sangat penting, dengan menu navigasi pengunjung bisa berpindah-pindah membaca halaman lainya yang saling dihubungkan oleh link navigasi. Navivasi biasanya diisi dengan kelompok artikel atau label dari suatu topik tertentu, menu navigasi juga diisi dengan Link penting seperti disclaimer, about, dan privacy untuk memberitahukan kepada pengunjung tentang blog yang kita kelolah.

Pada template VioMagz versi 3.2 menu navigasi header tidak bisa diedit melalui menu penyuntingan witget. Sehingga jika ingin mengganti link yang ada pada nav menu mau tidak kamu kamu harus edit template. Berikut adalah gambaran menu layout witget HTML nav menu yang tidak bisa di-edit.

Cara mengedit menu navigasi pada template. Agar lebih nyaman dalam melakukan pengeditan sebaiknya download terlebih dahulu template yang sedang anda gunakan. Template yang dicadangkan akan kita jadikan sebagai cadangan bila terjadi sesuatu yang tidak diinginkan, misalnya halaman jadi error atau tercampur dengan HTTPS.
Klik tema => Cadangkan / Pulihkan => Download

Sebelum mengedit pastikan kalian sudah mengetahui link apa saja yang harus ditambahkan. Saya rekomendasikan, sebelum di approved monetisasi sebaiknya anda menggunakan halaman privacy, disclaimer, about, contact pastikan anda sudah membuat halaman tersebut.


Nanti Linknya akan seperti ini :
https://URLBlogMu.blogspot.com/p/about.html
https://URLBlogMu.blogspot.com/p/privacy.html
https://URLBlogMu.blogspot.com/p/disclaimer.html
https://URLBlogMu.blogspot.com/p/contact.html

Itu terdiri dari banyak link ya, silakan anda edit file template yang anda download tadi menggunakan text editor kalau di android pake Code-Go di PC enaknya pake Sublime Text. Karena saya menggunakan android jadi saya pake Code-Go, silakan kalian cari tag ini <!-- Menu Navigasi sehingga kalian menemukan daftar link seperti dibawah ini.

Silahkan hapus semua lis style nya, hapus semua bagian code yang diapit dalam tag <li></li> Dan ganti dengan kode berikut ini :


<li><a href='/p/about.html'>About Me</a></li>
<li><a href='/p/privacy.html'>Privacy</a></li>
<li><a href='/p/disclaimer.html'>Disclaimer</a></li>
<li><a href='/p/contact.html'>Contact</a></li>


Kemudian simpan template yang sudah anda edit, pastikan sudah sesuai dengan apa yang saya jelaskan diatas. Kurang lebih gambaran jadinya akan seperti ini :

Kalau sudah silakan upload kembali template nya ke blogger, jika kaliang mengikuti langkah diatas pastinya tidak akan terjadi error.
Sebelum memasang silakan download template sekarang buat jaga-jaga.

Klik tema => Cadangkan / pulihkan lalu klik download setelah download selesai pilih file klik browse lalu cari dimana anda meletakan file template yang sudah di edit tadi, pilih filenya lalu klik upload. Sampai disini anda sudah bisa mengedit template sendiri walaupun cuma setengah setengah. Saya akan jelaskan arti dari kode HTML diatas.


Kode <li> Isi teks </li> Digunakan sebagai pembentuk daftar list dalam HTML

Kode <a href="URL Tujuan">Judul Teks</a> Digunakan untuk membuat permalink dan mengarahkan orang ke halaman lain dengan URL. Semoga bisa dihapami, sekian untuk artikel kali ini, semoga bermanfaat.

Share this post