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
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
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
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/

Comments

Post a Comment

Popular posts from this blog

Membuat Game simple menggunakan Flash dengan Keyboard(Part 2)

Image
Ini adalah kelanjutan dari  Membuat game simple menggunakan Flash dengan Mouse(Part 1) selanjutnya kita akan mencoba menggunakan keyboard untuk mengendalikan object pada flash /* * author jasaprintkosan@gmail.com * muhammad Yasin * Mouse Event with flash */ package { import flash.display.MovieClip; import flash.events.MouseEvent; import flash.events.KeyboardEvent; import flash.ui.Keyboard; public class Pemandangan extends MovieClip { var startpage:StartPage; var middlepage:MiddlePage; var endpage:EndPage; public function Pemandangan() { // constructor code startpage=new StartPage(); middlepage=new MiddlePage(); endpage=new EndPage(); trace("Hello World"); init(); } public function init() { addChild(startpage); stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyDownStart); } public function onKeyDownStart(event:KeyboardEvent) { if(event.keyCode == Keyboard.LEFT){ ...
Read more

10 CMS untuk Forum

Image
Forum sangatlah penting bagi kita terutama yang mendapat mata pencaharian melalui internet. Jika anda seorang developer atau orang yang berjualan secara online anda pasti membutuhkan referensi forum adalah tempat yang cocok untuk mencari data tersebut. Bagi Anda yang ingin membuat  forum untuk komunitas atau untuk membuat media. Berikut ini beberapa CMS baik yang gratis maupun yang bayar: 1. VBulletin Vbulletin  Siapa yang tidak tahu CMS V bulletin? vBulletin di gunakan oleh kaskus forum terbesar di indonesia. Banyak forum di indonesia yang menggunakan vBulletin. vBulletin dapat menghandle jutaan orang atau member. vBulletin tidak hanya untuk forum namun memiliki fitur blog dan artikel. Namun vBulletin bukan CMS yang tergolong murah untuk membeli vBulletin 5 connect anda perlu membayar $249.00 sedangkan untuk vBulletin 5 Connect+Mobile Suite Bundle anda membutuhkan $399.00 2. phpBB phpBB   phpBB adalah software  flat- forum papan buletin solusi g...
Read more

11 Website yang Membayar Anda untuk Meng-upload File

Image
Buat anda publisher blogger atau anda yang sering sering berhubungan dengan internet dan mencari pendapatan melalui internet, pasti anda tidak asing dengan iklan dari adsense dan semacamnya. Selain periklanan kita juga bisa mendapatkan uang dari mengupload file. Berikut beberapa website yang membayar anda untuk mengupload file 1.FileLoby FileLoby FileLoby adalah salah satu website yang memberikan anda fasilitas/storage untuk mengupload file. Pembayaran yang diberikan kepada anda tidak dihitung dari beberapa file yang anda upload namun dari beberapa orang yang mengupload file anda. Jadi usahakan yang anda upload adalah file yang banyak orang butuhkan. Untuk keterangan lebih lanjut tentang pembayaran FileLoby liat disini 2.Docstoc.com  Docstoc Di website ini Anda dapat mendapatkan uang dengan mudah. Dengan Docstoc, File yang Anda upload dapat menghasilkan uang dengan akun Google AdSense . Docstoc menyimpan 50 % dari pendapatan yang dihasilka...
Read more