Cara Mudah Membuat Menu dan Sub Menu di Blogspot

Menu dan Sub Menu Blog

Amaterasublog.com – Hallo teman-teman blogger, pada artikel kali ini admin ingin menyajikan tutorial blogging tentang Cara Membuat Menu dan Sub Menu di Blogger.

Menu dan Sub Menu merupakan salah satu komponen terpenting yang wajib ada pada sebuah Web atau Blog. Hal ini untuk memudahkan para pembaca dalam memilih topik pembahasan yang dimuat pada Web atau Blog tersebut.

Sedikit informasi tambahan, Menu Navigasi yang baik menjadi salah satu penentu Website atau Blog dapat diterima menjadi penayang iklan Googgle Adsense. Lihat contoh alasan GA menolak Situs Blog yang memiliki Navigasi yang buruk:

Contoh

Nah, bagi yang ingin membuat Menu dan Sub Menu Navigasi pada blog, berikut ini 2 tutorial cara mudah untuk membuatnya:

Cara Membuat Menu dan Sub Menu di Blogspot

Membuat Menu dan Sub Menu Melalui Edit HTML

1. Login ke dashboard blogger > Pilih Tema > Edit HTML

2. Cari “Menu” yang terdapat di atas </header>

3. Copy semua Kode di bawah ini:

<li><a href='#' itemprop='url' rel='tag nofollow' title='Menu 1'><span itemprop='name'>Menu</span></a>
</li>
<li><a href="#">Menu</a>
<ul class="sub-menu">
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
<li><a href="#">Sub Menu 3</a></li>
<li><a href="#">Sub Menu 4</a></li>
</ul>
</li>

4. Ganti tulisan “Menu” dengan nama sesuai keinginan, contoh seperti : Blog, Tutorial atau lainnya.

5. Untuk membuat Sub Menu, pada “#” ganti dengan Link Label atau Link Postingan sesuai keinginan. Kemudian Ubah tulisan “Sub Menu 1”, “Sub Menu 2” , “Sub Menu 3” , dan “Sub Menu 4”, dengan tulisan yang disesuaikan dengan Link Label atau Postingan yang ingin Anda buat.

6. Terakhir, jangan lupa klik Simpan Tema dan lihat hasilnya.

Membuat Menu dan Sub Menu Melalui Tata Letak

1. Login ke dashboard blogger > Menu Tata Letak
2. Tambahkan Gadget > Lalu Pilih Daftar Link
3. Kemudian akan muncul kotak seperti dibawah

Contoh Gadget Daftar Link

4. Pada bagian kolom kotak “Judul” berikan nama Menu atau Main Menu.
5. Kemudian pada kolom kotak “Nama Situs Baru” silahkan isi dengan Menu 1 atau disesuaikan dengan Link Label atau Postingan yang ingin Anda isi di kolom URL Situs Baru.
6. Kemudian selanjutnya klik Tambahkan Tautan.
7. Cara membuat Sub Menu atau Menu Dropdown, caranya tinggal tambahkan kode Underscors/garis bawah (_) di depan nama/ judul menu sehingga otomatis akan menjadi Sub Menu.

*Nama Situs : Isi dengan nama menu yang ingin ditampilkan
*Url situs baru : Isi dengan alamat link pencarian sesuai label

8. Terakhir klik Simpan.

Penutup ...

Demikianlah tutorial Cara Membuat Menu dan Sub Menu di Blogspot. Jika ada yang ingin ditanyakan terkait isi artikel di atas, silahkan tulis pertanyaannya di kolom komentar di bawah ini. Semoga bermanfaat!

Follow

Ahmad Shah Laupa Orang biasa yang memiliki ketertarikan terhadap dunia blogging dan senang belajar autodidak melalui tutorial-tutorial di Google. [Amati, Tiru, Modifikasi]

Yuk! Bagikan ...

Berlangganan Artikel Gratis :