Cara Membuat Menu Navigasi Breadcrumb

Pada postingan yang lalu Anda telah belajar cara membuat menu horisontal. Oleh karena itu pada kali ini saya akan berbagi cara mudah membuat menu horisontal yang lebih kreatif dengan breadcrumb. Menu ini adalah pengembangan dari menu horisontal dan sudah banyak diminati oleh para blogger.

Menu navigasi breadcrumb adalah menu horisontal yang mempunyai turunan berupa kategori yang baru bisa terlihat jika kursor berada dikolom tersebut. Menu ini semakin banyak digunakan para blogger untuk menghemat ruang dan memperindah tampilan blog mereka. Tentu saja blog dengan tampilan yang rapi akan lebih menyenangkan bagi pengunjung untuk membaca.

Alasan lain menggunakan menu navigasi breadcrumb adalah banyaknya kategori yang menjadi topik pembahasan dalam blog tersebut. Orang cenderung lebih suka yang lebih variatif sehingga menu ini menjadi pilihan utama agar blog terlihat lebih keren. Dengan tampilan yang lebih variatif tentu akan lebih mudah membangun blog untuk menghasilkan uang. (Baca : Cara Menghasilkan Uang Dari Blog )

Cara membuat menu horisontal breadcrumb
1.  Login ke Dashboard blogger Anda dan buka halaman layout / tata letak

2.  Selanjutnya klik “Add a Gadget”

3.  Berikutnya Anda cari “HTML / Java Script” dan langsung klik

4.  Silahkan masukkan kode di bawah ini pada jendela tersebut.

    <nav id='nav'>
        <ul id='menu'>
            <li><a href='#'>Home</a></li>
            <li><a href='#'>Menu 1</a>
                   <ul>
                   <li><a href='#'>Sub Menu 1</a></li>
                   <li><a href='#'>Sub Menu 2</a></li>
                   <li><a href='#'>Sub Menu 3</a></li>
                   </ul>
            </li>
            <li><a href='#'>Menu 2</a>
                   <ul>
                   <li><a href='#'>Sub Menu 1</a>    </li>
                   <li><a href='#'>Sub Menu 2</a></li>
                   <li><a href='#'>Sub Menu 3</a></li>
                  </ul>
            </li>
            <li><a href='#'>Menu 3</a>
                  <ul>
                  <li><a href='#'>Sub Menu 1</a>    </li>
                  <li><a href='#'>Sub Menu 2</a></li>
                  <li><a href='#'>Sub Menu 3</a></li>
                  </ul>
            </li>
            <li><a href='#'>Menu 4</a></li>
            <li><a href='#'>Menu 5</a></li>
            </li>
        </ul>
    </nav>

Catatan:

Pada tulisan "Menu" silahkan Anda ganti dengan nama menu yang diinginkan, misal: Home, Tutorial, Bisnis, atau menu lainnya.
Pada tulisan "Sub Menu" silahkan Anda ganti dengan Kategori yang diinginkan, misal: Tutorial Blogger, Wordpress, sesuai dengan keinginan Anda.
Ganti tulisan menu dari baris   <a href=’Menu’>  dan   <a href=’Sub Menu’>   dengan alamat link dari menu tersebut.Caranya Anda buka laman blogger dan klik  ‘lihat’ laman sehingga akan muncul link dari laman tersebut kemudian Anda tinggal copy link itu.

5.  Setelah itu Anda klik "SAVE"
Sampai di sini proses pembuatan menu sudah selesai tinggal Anda melihat hasilnya.

Demikianlah cara mudah untuk membuat menu horisontal dengan breadcrumb. Dengan menu ini Anda dapat membuat tampilan blog Anda menjadi lebih keren dimata pengunjung. Untuk blog yang masih baru dan belum tersedia banyak kategori memilih membuat menu horisontal tanpa breadcrumb adalah pilihan bijak untuk membangun blog Anda.

Bagikan Artikel ini