cara membuat menu sederhana di blogspot ke 1

 

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.