Cara Mudah Membuat Menu Drop Down New 2012 . Cara ini relatif mudah dan bisa dipraktekan oleh pemula sekalipun. Cara ini saya dapatkan berdasarkan pengalaman saya membuat menu dropdown buat blog. Kita cukup memanfaatkan jasa pembuat menu dropdown online gratis. Setelah diutak-atik selama hampir 2 jam, akhirnya ketemu juga cara pasangnya di blog. dan ternyata sangat mudah.
Berikut langkah-langkahnya:
2. Pilih menu drop down sesuai selera (ada 18 menu drop down FREE). Klik salah satu gambar menunya:
3. Pilih Costumize, jika sobat langsung mau setting nama menu dan link menu. Atau bisa langsung download code source nya, setting nama menunya nanti.
4. Cara Download kode Source: masukkan email address sobat >> klik DOWNLOAD SOURCE CODE
5. Check your email. (lihat gambar di bawah)
6. Kode CSS akan dikirim ke email kita. Buka email sobat dan lihat di kotak masuk. Lalu klik link yang diberikan oleh CSS Menu Maker untuk mendownload filenya.
7. Buat sebuah folder dan Extract filenya. kira-kira seperti gambar di bawah:
8. Buka folder "images" dan upload lah semua image ke photobucket atau tempat penyimpanan gambar lainnya. dan ingat!! jangan rename nama imagesnya. Lihat gambar untuk folder images:
Ket : untuk images/gambar bisa berbeda-beda sesuai dengan style dropdown yang kita pilih. dan perhatikan nama-nama dari images tersebut "back, bg, hover" (url images akan kita masukkan ke kode css nantinya).
Cara memasukkan kode css dan html ke template blog.
1. Masuk ke blogger>> Rancangan >> edit html >> beri centang Expand Template Widget >> cari kode ]]></b:skin> dan masukkan kode css tepat diatasnya (kalau template sobat sudah ada kode css untuk menu dropdown hapus dulu..!!)
Cara melihat kode css: Buka/open file menu_style , lihat contoh gambar:
Ket : Sebelum kita copy pastekan ke dalam body template, rubah/ganti dulu semua background url dengan url images yang sudah sobat upload tadi. Masukkan url nama images sesuai dengan keterangannya..!!! Contoh, ganti images/bg.gif dengan url images sesuai namanya. dan seterusnya. Lihat gambar...
2. Cari kode *</head> dan masukkan kode html tepat diatasnya .(hapus kode html menu lama, jika ada!!). Cara melihat kode html: buka/open file index HTML document (icon IE). lihat gambar...
lalu klik kanan pilih view source . lihat gambar lagi sob....
Dan akan terbuka jendela baru dalam bentuk Notepad seperti gambar di bawah......
Copy pastekan kode html .....
>>mulai dari sini<<
>>sampai sini<<
Keterangan: Sobat ganti tanda...
> # = url blog
> sample menu= nama menu sesuai keinginan sobat.
3. Klik Pratinjau dulu, kalau aman baru save/simpan template.
4. Selamat mencoba dan semoga berhasil.
Kalau artikel ini berguna dan ada yang ingin menyebar luaskan, ya monggo saja. Tapi kalau bisa mbok ya di tarok link postingan ini sebagai sumbernya... :D. Terima kasih atas kesadarannya.