Membuat Dropdown Menu Pada Blog

Jika anda blogger baru dan anda ingin membuat dropdown menu cara termudah adalah dengan menggunakan dropdownmenugenerator. Disini saya  akan jabarkan bagaimana menggunakannya.

STEP 1:register pada dropdowngenerator

dropdowngenerator

 Hal pertama yang perlu anda lakukan adalah register pada dropdownorgenerator sebenarnya kita dapat membuat dropdown tanpa register namun jika kita memiliki akun ketika kita inign menggubah tampilan blog,dropdownmenu akan menampilkan hasil editan dropddown kita yang terakhir jadi tidak perlu membuat dari nol

STEP 2:lihat Password pada email

Pendaftaran di dropdown generator tergolong mudah. Anda akan dikirimkan email oleh dropdowngeneartor yang perlu anda lakukan adalah melihat password anda untuk dropdowngenerator di email anda.

STEP 3:Pilih Tema Dropdown Anda

dropdown themes

 Jika anda sudah memiliki accont anda akan diberi pilihan untuk menentukan tema dropdown anda. Sebagian dari pilihan yang tersedia gratis namun ada juga yang bayar. Jadi pilihlah sesuai dengan kebutuhan anda.

STEP 4: Setting

Untuk  langkah selanjutnya yang perlu anda lakukan adalah mensetting tampilan anda. Hal ini tergolong mudah. Ada 3 bagian pada setting dropdown template, structure, additional.

setting

Setting template untuk menentukan warna apa yang anda pakai,sesuaikan dengan warna blog anda. Setting structure untuk menentukan mana yang jadi main navigasi mana yang ada didalam atau disebut sub navigasi. selanjutnya addition untuk menentukan lebar navigasi dropdown anda selain itu opsi tampilan dropdown anda vertikal atau horizontal.

STEP 5: Upload ke Google Drive

Step selanjutnya setelah anda mendowload daridropdown menu adalah mengupload file yang anda dapatkan tadi ke google drive anda. Buatlah folder baru lalu upload kedalam satu folder yang anda namakan dengan nama yang sama.

google drive

 

STEP 6: Ubah folder option Menjadi Share for webhost

Selanjutnya anda hanya perlu mengubah opsi folder anda digoogle host menjadi public for web. Jadi siapapun bisa melihat folder anda yang anda ubah opsinya ini penting karena nanti script anda akan di load dari blog.

share

step selanjutnya mengubah link url anda di google drive

url google drive

tampilan url yang anda lihat seperti diatas

https://drive.google.com/#folders/0B1JgDlSvupx1ZV9KYktlVzVuX2c

ubahlah menjadi

https://googledrive.com/host/0B1JgDlSvupx1ZV9KYktlVzVuX2c/nama_folder.js

 contoh:
 https://googledrive.com/host/0B1JgDlSvupx1ZV9KYktlVzVuX2c/MyMenu1.js

 

STEP 7:Add Gadget Pada Layout Anda

langkah terakhir yang perlu anda lakukan adalah ke blog dashboard anda blog->layout->add Gadget
atau hilangkan page header ubah dengan gadget add HTML.lalu ketik

<script src="https://googledrive.com/host/0B1JgDlSvupx1ZV9KYktlVzVuX2c/MyMenu1.js" type="text/javascript"></script>


<div id="MyMenu1"></div>

Setelah itu save gadget dan save layout anda.jika sudah maka anda dapat meliha dropdowndi blog yang anda inginkan.

ini tampilan akhir dari blog saya

tampilan akhir

 Jika anda ingin mengubah warna, dan jumlah navigasi yang perlu anda lakukan log in dan anda bisa ngubah sesuka anda setela itu anda hanya perlu mengupload file javascript yang baru ke google drive anda dengan nama yang sama dan menghapus yang lama. Jika anda lupa menghapus yang lama maka system akan bingung untuk memilih file yang mana yang di ambil.

Note: Jika ada yang ingin menulis ulang di blog, forum,social media dll sebaiknya di cantumkan sumbernya yaitu https://muhammadyasin89.blogspot.com/