Membuat Menu Drop Down Untuk Header

Bagi Anda para pengguna blogger tentunya sudah tidak asing lagi dengan apa yang dimaksud dengan Drop-Down Menu pada Blogger bukan? Atau mungkin Anda sudah sering kali menjumpainya dibeberapa website ternama lainnya. Drop-Down Menu sering kali digunakan untuk menempatkan link atau url pada laman blog maupun website. Selain memperindah desain sebuah blog, Drop-Down Menu juga dapat membantu para visitor blog dalam mengakses beberapa konten blog kita yang sengaja dibuat menggunakan url atau link khusus. Untuk style atau gaya, Drop-Down Menu cukuplah bervariasi dari yang sederhana hingga yang rumit. Bahkan ada juga yang menggunakan kombinasi antara kode css, kode html dan javascript, sehingga tentunya cukuplah menarik bukan?

Untuk itu dalam kesempatan kali ini IdBlogDesign ingin berbagi dengan Anda tentang cara membuat Drop-Down Menu pada Blogger dan tentunya sangat disayangkan jika Anda lewatkan. Namun sebelumnya, perlu Anda ketahui bahwa untuk Drop-Down Menu versi IdBlogDesign kali ini tidaklah menggunakan javascript melainkan hanya menggunakan kode css3 dan kode html saja. Untuk penggunaanyapun dirasa cukup mudah, tentunya jika Anda mau mencoba dan berusaha.



Demo:

http://demodropdownmenu-idblogdesign.blogspot.com/

Ok langsung saja berikut untuk langkah-langkahnya:

1. Masuk ke akun blogger Anda.
2. Masuk ke menu Tata Letak dan Tambah gadget pada posisi yang Anda kehendaki (ex:main wrapper, crosscol-wrapper, atau yang lainnya.)
3. Pilih HTML/JavaScript dan masukkan kode script berikut didalamnya:
   

   
   
    
   
   #
   
   

">Beranda

#

">Kategori 1

• #

">Sub Menu 1.1

#

">Sub Menu 1.2

• #

">Sub Menu 1.2.1

#

">Sub Menu 1.2.2

• #

">Sub Menu 1.2.2.1

#

">Sub Menu 1.2.2.2

#

">Sub Menu 1.2.2.3

#

">Sub Menu 1.2.2.4

#

">Sub Menu 1.2.3

#

">Sub Menu 1.2.4

#

">Sub Menu 1.3

#

">Sub Menu 1.4

• #

">Sub Menu 1.4.1

#

">Sub Menu 1.4.2

#

">Sub Menu 14.3

#

">Sub Menu 1.4.4

#

">Kategori 2

• #

">Sub Menu 2.1

#

">Sub Menu 2.2

#

">Sub Menu 2.3

Sebelum Anda menyimpan gadget atau kode Drop-Down Menu pada Blogger Anda, sesuaikan kode berwarna biru dan merah diatas terlebih dahulu. Warna merah silahkan ganti dengan link atau url. Sedangkan untuk kode yang berwarna hijau dapat Anda ganti dengan judul laman, judul url ataupun keterangan lainnya. Kode css dan html ataupun jumlah Drop-Down url diatas dapat Anda modifikasi sesuai dengan kreasi Anda masing-masing dan perlu diingat bahwa hasil penggunaan kode diatas tersebut mungkin akan berbeda pada setiap template blog yang telah Anda gunakan. Selamat mencoba...