Skip to content Skip to sidebar Skip to footer

Cara Mengisi Menu Navigasi Header, Menu di Atas Footer Pada Template VioMagz dengan Mudah dan Praktis

Pengalaman awal saya memahami menu-menu navigasi pada header atau footer pada template VioMagz sangat sulit apalagi mengisinya. Mau bertanya juga bingung sama siapa?? Disekitar saya tidak ada teman yang bisa membantu secara langsung. Satu-satunya cara harus buka google. Namun pada saat membuka google dan mencari tau apa yang ingin kita cari tau justru makin bingung bukan langsung paham. 

Kenapa? Karena banyaknya informasi. Mana yang harus dibaca lebih dulu. Informasi dari satu blog ke blog yang lain berbeda-beda cara penyajiannya. Apakah informasinya bisa kita terapkan? Hal itu menjadi pertanyaan saya pribadi. 

Tapi itu penting kita lakukan membaca beberapa isi blog sampai benar-benar ketemu isi blog mana yang bisa memberikan kita informasi yang mudah kita pahami dan kira-kira bisa kita terapkan ketika praktek. Bahkan terkadang kita bisa menyatukan informasi dari beberapa blog sepanjang kita merasa bisa melakukannya. Saya sempat bertanya kepada penyedia template karena sudah mentok mencari tau tapi tidak juga paham, namun selang beberapa jam membaca dan terus membaca akhirnya paham. 

Olehnya itu saya ikut mencoba berbagi pengalaman mengisi menu Navigasi Header atau Footer Tempalet VioMgaz.

Sebelum masuk langkah-langkah, lihat contoh gambar menu navigasi header dan Footer blog saya dinelyku.com, kemudian baca juga ulasannya karena ini dasar dalam memahami proses pertahapnya pada blog teman-teman.

Menu Navigasi Header blog dinelyku.com

Menu Daftar Isi, TIPS, Motivasi Merupakan Halaman Statis
Pendidikan dan Blogging Sebagai Menu Halaman Postingan

Menu Navigasi Bagian Atas Footer Blog dinelyku.com

Tampilan Menu Navigasi di Atas Footer Bawaan Template
Menu Boleh Ditambah, Diganti dan Dihapus
Ada tiga menu tersaji yaitu Daftar Isi, Tips dan Motivasi. Nama menu ini sesuai keinginan saya jadi teman-teman bisa ganti nama menu lain. Menu ini pada template VioMagz ternyata berfungsi sebagai halaman statis. Panduan membuat menu tersebut sudah disediakan oleh pihak yang menyediakan template. Untuk membuat kontenya harus di menu “Halaman” bukan di Menu Postingan.

Sama dengan Menu navigasi Footer, ada About, Contact, Privacy Policy dan Disclaimer. Kontenya dibuat di menu “Halaman”. Intinya mengisi menu navigasi Header dan bagian atas Footer template VioMagz prosesnya sama.

Kali Ini Saya Coba Mengisi Menu “Daftar Isi”. Berikut Langkah-langkahnya:

Pertama

Pastikan sudah membuat konten “Daftar Isi” di Menu “Halaman”  

Proses membuat daftar isi saya mengikuti tutorial Mas Sugeng (Cara Memasang Widget Daftar Isi di Halaman Statis Template VioMagz)


Kedua

Buka google > ketik login blog  > klik Blogger.com.login
Lingkaran Tempat mengetik Kata "Login Blogger"
Disebut Beranda Google

Ketiga

Setelah mengklik login muncul tampilan blog > Klik halaman > klik lihat Daftar Isi
Abaikan Halaman Yang Lain 
Karena Saya Sudah Buat Sebelumnya
Biarkan Saja Menu Daftar Isi Ini TerbukaURL 
Yang Saya Blok Nantinya Akan di Copy

Keempat

Kita harus kembali melakukan login blog > blog terbuka > klik tema > klik HTML
Tampilan Kiri Versi Desktop Yang Akan Diedit
Abaikan Tampilan Kanan Versi Mobile

Kelima

Setelah mengklik HTML muncul kotak kode > letakan kursor dibagian dalam kotak kode (bisa diatas, tengah, bawah, samping kiri kanan) yang penting berada bagian dalam > tekan tombol Control + F  > ketik Daftar Isi pada kolom Search > tekan tombol enter
Tampilan Kotak Kode HTML
Perhatikan jangan sampai kita tidak sadar menghapus satu kode dalam kotak itu akan mempengaruhi semua kode dan pasti hasilnya eror
URL Daftar Isi Yang Saya Blok Akan Diganti dengan 
URL Konten Daftar Isi Yang Dicopy Dari Langkah 3

Keenam

Kembali lihat Daftar Isi pada langkah 3 > copy URL 
Copy link/URL bagian atas yang terblok warna biru

Ketujuh

Paste pada URL Daftar Isi (langkah 6 ) > klik simpan tema
ok...Selesai sudah mengisi konten Daftar Isi pada Menu Navigasi Header 

Untuk mengisi menu-menu lainnya, gunakan cara itu saja. Tahapannya sama.
Perbedaan hanya pada saat melakukan langkah 3, 5, 7.

Kalau mengisi menu (misalnya menu Tips) pada blog saya, maka langkah 3 klik “Lihat” Tips bukan lagi Daftar Isi. 

Begitu juga langkah 5 dalam mengisi kolom search ketik Tips.
Lalu langkah 7 mempaste URL harus di posisi URL Tips. Dan seterusnya...

Begitulah pengalaman saya mengisi menu daftar isi pada menu navigasi header atau footer template VioMagz, mungkin ada yang kurang paham dengan bahasanya, mungkin juga  gambarnya kurang bagus mohon dimaklumi. Mengenai gambar, saya foto langsung dari leptop tanpa edit photoshop, hanya mengecilkan ukuran gambar (compress), maklum kemampuan masih terbatas. Prinsip saya gunakan yang ada dan mudah. Dari pada saya harus pusing-pusing cari gambar atau copas dari blog lain tidak tau kapan akan ada hasilnya. Apalagi baru memulai. Saya menampilkan apa adanya, sambil terus belajar. Sekedar berbagi informasi.

Tidak begitu sulit kan? Hanya memang diawal kita belajar berasa berat karena belum mengerti sama sekali. Tapi kalau hanya membaca dan tidak mencoba juga selamanya tidak akan pernah tau. Selamat mencoba...Semakin banyak menemui kesulitan, insyaAllah solusi semakin dekat dengan kita, Ilmupun makin bertambah..Semoga bermanfaat bagi teman-teman.

Terimakasih....









2 comments for "Cara Mengisi Menu Navigasi Header, Menu di Atas Footer Pada Template VioMagz dengan Mudah dan Praktis"

  1. Terima Kasih

    Sangat membantu saya yang juga menggunakan template Viomagz

    Salam kenal

    ReplyDelete
    Replies
    1. Salam kenal Mba Diana...

      Sama-sama dan terimakasih juga sudah berkunjung.

      Delete

Mohon Berkomentar Sesuai Topik Artikel dan Bahasa yang Sopan