Cara Membuat Menu Navigasi Dropdown

Menu Navigasi adalah salah satu widget yang berfungsi untuk mengkategorikan sebuah menu tertentu di dalam Blog. Biasanya widget ini dipasang di bawah header Blog. Selain itu, menu ini juga menambah penampilan Blog terlihat lebih Profesional.

Pengunjung yang datang pun pasti bisa lebih mudah untuk menemukan daftar menu di blog kita jika memakai widget ini. Misalnya ketika pengunjung membaca salah satu artikel di blog Anda, dia akan mudah kembali ke halaman utama dengan memilih menu Home yang sudah tersedia di widget ini. Atau bisa juga dipakai untuk menampilkan Data pribadi admin Blog, Contact Person, maupun hak cipta dari blog yang bersangkutan. Dibawah ini adalah contoh menu navigasi Dropdown di salah satu blog saya:

Tertarik untuk memasangnya? Bagaimana caranya?

Cara Membuat Menu Navigasi Dropdown

Login ke akun Blogger
Pilih Template >> Edit HTML
Copy-paste script berikut di atas kode ]]></b:skin>

Setelah itu cari kode seperti di bawah ini:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true' title='test
(Header)' type='Header'/>
</b:section>

<div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
</b:if>
</b:includable>
    <b:includable id='description'>---</b:includable>
    <b:includable id='title'>---</b:includable>
</b:widget>
</b:section>

Letakkan script berikut tepat dibawah kode </b:section>

Simpan Template

Catatan:

Ganti tulisan berwarna Biru dengan warna yang diinginkan. Untuk cek kode warna HTML klik DISINI
Ganti Tulisan Berwarna Merah dengan Alamat URL yang diinginkan
Ganti tulisan berwarna Hijau dengan Nama Menu yang diinginkan

Coba saja bereksperimen sendiri sesuai kebutuhan template, karena kita harus terbiasa menghadapi kode-kode seperti ini untuk mendekorasi sebuah blog.

Itulah sekilas pemahaman saya tentang Cara Membuat Menu Navigasi Dropdown. Semoga bermanfaat. Jika mencari artikel yang lainnya, silahkan cek di bawah ini: