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.
Catatan:
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.
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.
Wah simpel banget caranya gan, ga kaya di blog lain yg ribet.
BalasHapusBtw, apa kelebihan dan kekurangan script di atas gan? Kan ada tulisan "menu1, menu2, menu3, dst"
Apa menunya terbatas hanya sampai 5 atau bagaimana?
Manvvtabb artikelnya, thanks
Tapi kok? Setelah diboca..
BalasHapusAne kira itu breadcrumb yg kaya gini : "home » tutorial » cara membuat navigasi breadcrumb". Gitu..
Ternyata menu biasa
Internet Business Income From Home
BalasHapusDagruel Blog yang membahas apa saja
BalasHapusCloud Web Hosting Get Little Information
The Three Main Elements Of Business Planning
BalasHapus