Cara Membuat Dan Memasang Menu Dropdown Di Blogspot

Cara Membuat Dan Memasang Menu Dropdown Di Blogspot - Menu dropdown merupakan salah satu menu simple yang biasa di pasang pada blog. Alasannnya tidak lain adalah untuk menghemat atau tidak banyak memakan tempat. Menu dropdown ada 2 (dua) jenis yang saya ketahui yaitu menu dropdown yang hanya satu cabang dan dua cabang. Dalam pemasangan menu dropdown ini anda tidak perlu meng-editkode sumber HTMLpada template, melainkan hanya menggunakan widget/gedget. Jadi kode Html template blog anda aman apabila terjadi kesalahan pada pemasangan menu dropdown ini.

Pada kesempatan kali ini, saya akan menjelaskan sesederhana mungkin bagaimana cara membuat dan mengatur menu dropdown di blog agar anda mudah memahaminya. Maka dari itu ikuti langkah-langkahnya di bawah ini.

Cara Membuat Dan Memasang Menu Dropdown Di Blogspot.

Perhatikan kode-kode di bawah ini, struktur kode inilah yang akan kita gunakan untuk membuat menu dropdown :

<style>
Kode Css
</style>
Kode HTML

Keterangan :
Tempatkan susunan kode seperti di atas dan jangan sampai ada yang terbalik.

Jika anda sudah paham susunan kode di atas, maka langkah yang harus anda lakukan.selanjutnya adalah :

1. Kunjungi situs Cssmenumaker.com atau klik di sini, untuk mencari kode CssDan HTML-nya.

Pada halaman pertama situs ini, anda harus memilih salah satu menu dropdown sesuai keinginan. Kemudian anda akan di arahkan pada halaman baru lalu klikCostumize. Setelah itu atur nama an isi dari menu dropdown tadi. Gunakan Add item untuk manambah menu dan Edit item untuk memasukkan URL dari isi menu dropdown tersebut. Jika sudah selesai mengatur, selanjutnya copy kode HTML dan Css-nya (Untuk kode Css-nya, anda harus membelinya). Lalu paste pada Notepad dan susun seperti struktur kode di atas tadi. Perhatikan gambar di bawah ini :

2. Login ke blog anda.
3. Pilih Opsi lainnya lalu klik Tata Letak, kemudian klik Tambahkan Gadget dan pilih HTML/Java Script.
4. Buka Notepad anda tadi dan copy semua kode Html dan Css-nya.
5. Edit Gadget yang baru anda tambahkan tadi, kemudian paste semua kode tadi ke dalam kolom text yang di sediakan.
6. Pindahkan Gadget HTML/Java Script ke bawah header kemudian Simpan Setelan.

Apabila semua langka sudah di lakukan namun menu dropdown tidak bisa turun, maka anda harus mengedit beberapa kode HTML template blog. Berikut langkahnya :

1. Pilih Template dan masuk Edit Html.
2. Cari kode di bawah ini, agar lebih mudah silahkan tekan Ctrl + F untuk memunculkan kotak script.

 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Nama Blog Kamu (Header)' type='Header'>
<b:includable id='main'>

3. Ganti maxwidgets='1'menjadi maxwidgets='3'.
4. Ganti showaddelement='no' menjadi showaddelement='yes'.
5. Kembali lagi pada Tata Letak, pindah-pindahkan gadget HTML/Java Script tadi ke bawah header kemudian Save.

Jika menu dropdown masih belum bisa turun juga, ulangi lagi pada pengaturan Tata Letak, pindah-pindahkan lagi gadget tadi ke bawah header dan Save, Ulangi terus sampai menu dropdown bisa turun dan berjalan dengan benar.

Anda juga bisa merubah warna dari menu dropdown tadi dengan mengunjungi situsCssportal.com atau klik di sini.

Sekian penjelasan dari saya tentang Cara Membuat Dan Memasang Menu Dropdown Di Blogspot dan semoga bermanfaat untuk anda. Jika ada yang perlu di pertanyakan silahkan hibingi saya melalui Countact atau anda bisa tulis di kolom komentar yang sudah saya sediakan di blog.

Selamat mencoba.

Bagikan Artikel