Tutorial Cara Menambahkan Menu Navigasi Atas Atau Navbar Pada Template LinkMagz Sugeng.id

Tutorial Cara Menambahkan Menu Navigasi Atas Atau Navbar Pada Template LinkMagz Sugeng.id




Apakah kamu pengguna template linkmagz? jika iya maka kamu merupakan orang yang sangat amat beruntung sekali, karena pasalnya untuk kedepannya aku akan memberikan sebuah tutorial tentang cara oprek template linkmagz ini, tentunya aku juga memakai template buatan mas sugeng ini.

Nah banyak yang mungkin bertanya-tanya bagaimana caranya untuk menambahkan menu navigasi atas pada linkmagz seperti pada gambar dibawah ini.


Menu diatas ini memang bisa kamu ubah pada tata letak, akan tetapi jika fitur atau menu tersebut malah tidak ada pada tata letak maka tentunya kamu dapat menambahkannya pada mode Edit HTML dan caranya pun tidak begitu sulit, kamu hanya perlu menambahkan beberapa kode untuk pembuatan menu navigasinya saja, nah bagaimanakah tutorialnya? langsung saja ikuti tutorialnya kali ini.

Tutorial :

  1. Pada langkah pertama ini, pastikan kamu telah login pada blogger milikmu.
  2. Jika sudah maka masuklah ke menu "Tema".




  3. Disini click tombol segitiga mengarah kebawah tersebut tepat yang aku tandai kotak warna biru itu.


  4. Setelah itu pilih "Edit HTML".



  5. Maka kamu akan berada pada halaman coding.


  6. Nah jika kamu sudah berada pada halaman coding, carilah code seperti dibawah ini (block codenya lalu tekan tombol CTRL + C untuk men-copy nya ) :
    <li><a expr:href='data:blog.homepageUrl'><data:messages.home/></a></li>
  7. Oh iya, ada satu cara agar kamu tidak scroll terlalu lama hanya mencari code itu saja, yaitu dengan cara click disembarang text pada kode tersebut. setelah itu tekan tombol CTRL dan Tombol F secara bersamaan.


  8. Nah jika sudah maka sekarang kamu bisa mengkopy code diatas itu, lalu mempastekannya pada kotak pencarian yang muncul tersebut.



  9. Jika kamu sudah mendapatkan codenya, maka sekarang copas code dibawah ini dan pastekan tepat dibawah code tersebut  :
      <li><a href='#'>Kategori Utama<span/></a>
      <ul>
      <li><a href='#'>Pengalamanku</a></li>
      <li><a href='#'>Memasak</a></li>
      <li><a href='#'>Tutorial</a></li>
      <li><a href='#'>Seputar IT</a></li>
      </ul>
      </li>
      <li><a href='#'>Halaman Donasi</a></li>
      
  10. Nah jika sudah maka sekarang click tombol save yang berlogo disket tersebut.



  11. Tunggu beberapa detik untuk menyimpan hasilnya.
  12. Nah jika sudah maka Enjoy.

Cara memasangnya memang lumayan simpel, oh iya ganti symbol (#) pagar tersebut dengan url link halaman yang ingin kamu tambahkan, lalu ganti nama-nama menu tersebut sesuai dengan kebutuhanmu, oh iya jika kamu ingin membuat dropdown pada salah satu menu maka buatlah seperti ini:
<li class="has-sub"><a href="https://www.putuokane.com/search/label/Tutorial">
<ul>
<li><a href="https://www.putuokane.com/search/label/Tutorial"></li>
<li><a href="https://www.putuokane.com/search/label/Game"></li>
<li><a href="https://www.putuokane.com/search/label/Website"></li>
<li><a href="https://www.putuokane.com/search/label/Smartphone"></li>
</ul>
</li>
bedanya dari code diatas ialah, code ini aku tambahkan has-sub, has-sub tersebut merupakan code pemanggil icon dropdown, jadi tnetunya menu dari dropdown tersebut akan sedikit berbeda dengan menu lainnya karena adanya symbol dropdown itu.