√ 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

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

  1. Website Design Company In Agra KD Software is an honor winning best
    KD Software Pvt Ltd was established in 2015 in Agra. KD Software as a web composition organization Agra, India offers a thorough rundown of administrations to meet all your website architecture and web improvement needs. From space booking or enrollment Low Price Web Design Company In Agra to site facilitating, from custom site planning in web 2.0 plan or Static destinations, .net and php application advancement to support and backend administrations and from improvement of online business locales to setting up of Payment Gateway. Different Services likewise Software Development, App Development, incorporates Search Engine Optimization (SEO), Internet Marketing and Website Maintenance Services. We can give basically anything you might conceivably envision as web experts in India.Some
    website designing in shahjahanpur
    Website in mathura
    Website Designing Company in Mainpuri
    IT Company in firozabad
    Software Company in noida
    software company in firozabad
    software company in mainpuri
    software company in Agra
    Website Designing in Agra
    Website Designing in Noida
    Web Designing in Noida
    Web Designing in Shahjahanpur
    Web Designing in Mathura
    Web Designing in Mainpuri
    Web Designing in Firozabad
    Software Company in Mainpuri
    Software Company in Noida
    Software Company in Mathura
    Software Company in Shahjahanpur
    Software Company in Firozabad
    website designing in noida
    web development in noida
    website designing noida
    website design in noida
    web design in noida
    website developer in noida
    website designer in noida
    Digital signature
    Nidhi Company Registration

    BalasHapus
  2. 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