Cara Membuat Menu Bar Dan Sub Menu Bar di Blog

Thursday, August 24, 2017

Cara Membuat Menu Bar Dan Sub Menu Bar di Blog

Hai sahabat Blogger, Sebelum saya jelaskan lebih jauh mengenai cara membuat menu bar dan sub menu bar di blog, terlebih dahulu kita harus tau apa itu menu bar dan apa fungsinya??

Baca : Cara Membuat Blog Terbaru

Menu bar adalah navigasi yang ada di blog, wordpress maupun website yang berfungsi untuk memudahkan pengunjung menelusuri seluruh konten yang ada pada situs web tersebut.

Cara Membuat Menu Bar Dan Sub Menu Bar

1. Login Ke Blogger Sobat dulu.

2. Masuk Ke Menu Tema/Template.

3. Di Menu Template Klik Edit HTML.

4. Search Kata <nav atau <label> dengan cara tekan ctrl+f terus ketik <nav kemudian tambahkan kode berikut tepat di bawahnya

<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About Me</a></li>
<li><a href='#'>Tutorial</a>
    <ul>
      <li><a href='#'>Teknik Komputer</a></li>
      <li><a href='#'>Blogging</a></li>
    </ul>
    </li>
<li><a href='#'>Download</a></li>
<li><a href='#'>Materi</a>
    <ul>
      <li><a href='#'>Teknik Komputer Dan Jaringan</a></li>
      <li><a href='#'>Bahasa Indonesia</a></li>
    <li><a href='#'>Matematika</a></li>
      <li><a href='#'>Bahasa Inggris</a></li>
    </ul>
</li>
</ul>

Catatan : # = Link Sobat Baik Itu label atau artikel
                  Dan Yang Bertulisan Hijau = Nama Menu Yang Akan anda buat, Ubah sesuka hati.

Baca Juga : Cara Mengganti Template Pada Blog

5. Jika Tidak Ditemukan Kata <nav tambahkan script ini tepat diatas script tadi dan dibawah script header.

<nav id='navi-alamk1405'>
<input type='checkbox'/>
<label><i class='fa fa-bars'/></label>

Catatan: Jangan Lupa Tambahkan </nav> tepat dibawah </ul>

6. Klik Simpan Tema/Template Dan lihat apa yang terjadi. Semoga Berhasil.

Jika Belum Paham Jangan Sungkan Untuk Bertanya Di kolom Komentar, Jika Ada Kesempatan Pasti Dijawab.

Semoga Bermanfaat.