Cara Membuat Menu Drodown Di Blog

Share:
Menu deopdown adalah saat kita mengklik menu akan muncul menu ke bawah ataupun saat kita meletakan kursornya di menu, mungkin ini cocok untuk mempercantik blog anda, ataupun hanya untuk mengelompokan kategori pada menu di blog anda supaya terlihat rapi dan keren yang pastinya.

menu dropdown juga bermanfaat untuk menghemat menu navigasi yang berada di blog anda, bayangkan jika kategori konten di blog anda sangat banyak sedangkan lebar slidebar menu navigasi anda pendek tidak mungkin  kan kita pasang bertumpuk tumpuk, tidak keren pastinya bukan.

berikut ini contoh menu dropdown :

Cara Membuat Menu Drodown Di Blog

Apakah anda sudah tertarik dan ingin memasang menu dropdown di blog anda.?
berikut ini adalah caranya yang bisa sobat praktekan di blog anda.

Masuk ke blogger kemudian pilih Template>Edit html
Cari menu navigasi yang ingin di buat menu dropdown
Kemudian masukan script di bawah ini di tengah menu navigasi yang ingin kalian buat menu dropdown

<div class='sub-nav-wrapper'><ul class='sub-nav'>
<li><a href='alamat blog anda'>Jakarta</a></li>
<li><a href='alamat blog anda'>Lampung</a></li>
<li><a href='alamat blog anda'>Jawa</a></li>
<li><a href='alamat blog anda'>Sumatera</a></li>
<li><a href='alamat blog anda'>Surabaya</a></li>
</ul></div>

Lihat gambar di bawah ini jika belum mengerti :

Cara Membuat Menu Drodown Di Blog

Perhatikan gambar yang saya arsir berwarna merah.

Cara Membuat Menu Drodown Di Blog

Letakan script di atas pas sesudah script </a>
jika sudah simpan template anda dan lihat hasilnya.

Baca juga : Cara mempercepat loading Blogger

Jika tidak berhasil anda bisa bertanya dengan cara komentar di bawah ini.






No comments