Home » » Cara Membuat Menu Navigasi Breadcrumb

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.

Kami mengharapkan artikel Cara Membuat Menu Navigasi Breadcrumb bisa Anda bagikan melalui media sosial di atas. Terima kasih

« Sebelumnya
« Prev Post
Berikutnya »
Next Post »
Mas Hartarto

Perkenalkan nama saya Mas Hartarto, admin dari SinarBlogging.net. Seorang blogger kampung yang suka berbagi informasi tentang tips menulis, dan tips blogging dan informasi lain yang terkait

0 Comments:

Posting Komentar

Silahkan berikan komentar dengan baik dan sopan berkaitan dengan topik
Jangan meninggalkan komentar spam karena akan dihapus.
Jangan menggunakan bahasa kasar atau SARA
Berilah masukan yang membangun kecerdasan berpikir
Jika Anda ingin mendapatkan backlink cukup tuliskan Name/Url yang terlah disediakan
Terima kasih