Selamat sore menjelang malam, pada kesempatan kali akan kita bahas mengenai Cara Membuat Drop Down Menu Blog Di Blogspot tapi saya kasih contohnya saja ya. Penjelasannya nanti dulu setelah Saya mandi. So, nikamti dulu contoh drop down menu berikut.
Ok sekarang kita bahas mengenai cara membuat dropdown menu di blog khususnya platform blogspot seperti contoh diatas. Untuk membuat menu tipe ini, ada beberapa keahlian yang diperlukan yaitu:
1. Membuka file ekstensi .css dan .html dengan notepad atau texteditor lainnya
2. Klik tombol Save
heheheheh mudahkan!!! tidak perlu pakai cara yang sulit. Dan cara seperti ini kita sebut sebagai cara shortcut, sebenarnya sih tidak mendidik tapi kalau memang kepengen belajar secara prinsip dan sungguh-sungguh maka Anda bisa lihat tutorial kami yaitu Tutorial HTML, Tutorial PHP dan Tutorial CSS. Tidak apa lah pake shortcut namanya juga lagi belajar masalah prinsip bisa nanti yang penting blog jadi cantik dan user friendly. JADIKAN BLOG LEBIH HIDUP DENGAN DROPDOWN MENU.
Langkah-Langkah Membuat Drop Down Menu
1. Masuk kedalam account blogger atau patform blogspot
2. Pilih tab rancangan --> Edit HTML
3. Letakkan kode cascading style sheet dibawah kode yang diberi lingkaran seperti ditunjukkan oleh gambar 1 berikut.
 |
| Gambar 1 Letak Kode CSS |
4. Simpan Template atau perubahan kode HTML
5. Letakkan kode menu drop down di tempat yang diinginkan misalkan dibawah gadget header. Baca tutorial Cara mengganti header dan lihat gambar 2.
6. Klik tombol SIMPAN
7. Selesai
2. Extract file yang telah didownload dan buka dengan notepad atau texteditor lainnya kalo belum tahu caranya ikuti saja langkah ini: Klik kanan file yang telah diextract --> Open With --> Notepad atau wordpad atau PSPad
Sekian dulu tutorial yang dapat Saya sampaikan atas kunjungan dan kerjasamanya diucapkan banyak terimakasih. Jika masih ada pertanyaan dibenak pengunjung mengenai tutorial ini maka sampaikan saja melalui form komentar di bawah ini.
Tetap semangat dan bahagia adalah harapan yang dapat Saya sampaikan kepada para blogger semua.
Salam Sukses,
Penemu dan Pengembang
www.adsloko.com
Catatan:
1. Untuk mendapatkan kode untuk membuat menu dropdown, anda bisa download melalui link yang telah kami sediakan pada langkah 3 dan 52. Extract file yang telah didownload dan buka dengan notepad atau texteditor lainnya kalo belum tahu caranya ikuti saja langkah ini: Klik kanan file yang telah diextract --> Open With --> Notepad atau wordpad atau PSPad
Sekian dulu tutorial yang dapat Saya sampaikan atas kunjungan dan kerjasamanya diucapkan banyak terimakasih. Jika masih ada pertanyaan dibenak pengunjung mengenai tutorial ini maka sampaikan saja melalui form komentar di bawah ini.
Tetap semangat dan bahagia adalah harapan yang dapat Saya sampaikan kepada para blogger semua.
Salam Sukses,
Penemu dan Pengembang
www.adsloko.com
Tutorial yang mantafhhhh... Gan. Thanks banget..ane mau kasih menu dropdown di blog CahNdeso. By the way, ane langsung follow #11, berharap sang "yunior" tonggo dhewe sudi foll-back. Salam sahabat...
BalasHapussangat membantu : ) thanks www.panduanservicehp.blogspot.com
BalasHapussangat bermanfaat sob..thanks for share..
BalasHapusthanks sob..
BalasHapussama-sama gan silahkan dicoba
BalasHapusmenu Drop down nya, kok mirip CMS Lokomedia ya...?, walaupun gitu blog nya asoi Gan
BalasHapusmantap gan..
BalasHapusthank infonya sob...follow blog saya ya..q follower 27..lmknal...
BalasHapusPermisi Juragan,, ane dah coba step by step...
BalasHapustapi masih lom bisa drop down..
semuanya tampil.. gimana gan.. mohon bantuannya.. :)
hasilnya kayak gini gan,,
http://www.ziddu.com/download/18518660/ss.jpg.html
maaf gan ini bukan spam.. karna ane cuma mo menunjukkan SS nya aja (SS=ScreenShoot)
ditunggu jawabannya segera ya gan.. ^_^
BalasHapus@zenita ahmad: script ini hanya untuk beberapa menu atau istilahnya jumlah menu tidak melampaui lebar sheet blog jadi kalo jumlah menunya banyak kemungkinan kacau. boleh minta sceen shoot cara meletakkan kode HTMLnya (point 5 diatas)
BalasHapusmas sudah saya coba dan masukan kode htmlnya di bawah banner,berhasil. tapi menu drop downnya koq gak tertata rapih gitu..mohon pencerahaannya.
BalasHapusditunggu yah
terimakasih sukses selalu
saya mencoba tp gagagl, mas. Itu HTML nya nggak bisa dicopy. gagl maning gagal maning mas..
BalasHapusmas kurang jelas ni,, butuh pencerahan.. folbek ya
BalasHapusmas bro, giman ya caranya bikin menu dropdown...
BalasHapusD letakain dmn nya ya,trus formatnya ada di widget
thx sebelemunya ..
Ijin sedot ilmu ni gan..Trims gan ya info..slam kenal n sukses aja.
BalasHapusgan..menunya dah keluar cuma dropdownnya ga sukses..knp ya?
BalasHapusthanks gan ud share, sukses diterapin di blog saya :)
BalasHapusSaya coba terapkan gan, trims ya. Ditunggu kunjungannya...
BalasHapusNice Sharing...
BalasHapusThanks