√ Cara Mudah Membuat Menu dan Sub Menu di Blogspot

Cara Mudah Membuat Menu dan Sub Menu di Blogspot

Cara Mudah Membuat Menu dan Sub Menu  di BlogspotMenu 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
Cara Mudah Membuat Menu dan Sub Menu  di Blogspot
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!

Berlangganan Artikel Gratis :

Tampilkan Komentar
Sembunyikan

( 1 ) Komentar untuk "Cara Mudah Membuat Menu dan Sub Menu di Blogspot"

  1. Haiii….. Terimakasih atas informasinya yang sangat bermanfaat. Seiring perkembangan zaman yang serba menggunakan teknologi canggih ini, informasi apapun dapat dengan mudah didapatkan di internet. Cara membuat menu dan sub menu ini pun tersedia banyak referensinya bahkan disertai dengan gambar step langkahnya juga. Jangan lupa kunjungi laman web kampus kami tercinta walisongo.ac.id

    BalasHapus