Membuat Menu Dropdown Pada Blogger

Menu Dropdown adalah sebuah menu yang berisikan sebuah teks atau link yang di kumpulkan dalam satu Tombol Menu. Fungsi dari Menu Dropdown adalah untuk menghemat ruang di blog kita karena terlalu banyaknya teks atau link yang ingin kita tampilkan di blog kita. Maka dari itu dalam kesempatan kali ini saya akan menjelaskan tentang cara Membuat Menu Dropdown Pada Blogger

Untuk view dari menu dropdown seperti contoh di bawah ini :

Blogroll Nama Link Nama Link Nama Link

Langkah pertama dalam pembuatan Menu Dropdown ini yaiu anda tinggal memasukkan kode HTMl di bawah ini pada menu HTML Java Script.

Caranya yaitu Log in dulu ke blogger lalu masuk pada halaman Layout lalu Tambah Gadget. Setelah itu masukkan kode di bawah ini :

<select onChange="document.location.href=this.options[this.selectedIndex].

value;">

<option value="http://alamatblog.com/#" selected>Blogroll</option>

<option value="http://alamatLink.com/">Nama Link</option>

<option value="http://alamatLink.com/">Nama Link</option>

<option value="http://alamatLink.com/">Nama Link</option>

</select>
Apabila anda ingin menambahkan link baru lagi anda tinggal menambahkan kode

<option value="http://alamatLink.com/">Nama Link</option>

di atas kode </select>
Keterangan :

Ganti alamatblog.com dengan nama blog anda lalu Kata Blogroll bisa diganti dengan kata yang anda inginkan  
Ganti Kode warna merah dengan Alamat Link
Ganti Kode warna biru dengan Nama Link 

Untuk merubah warna garis dengan warna yang anda inginkan agar sesuai dengan template blog anda pada kode  

<select onChange="document.location.href=this.options[this.selectedIndex].
value;">
tambahkan kode style="border:1px solid #ca1717"> sehingga menjadi :

<select onChange="document.location.href=this.options[this.selectedIndex].

value;">  style="border:1px solid #ca1717">
ganti kode warna  ca1717 dengan kode warna yang anda inginkan.

Setelah selesai lalu tinggal Save

Catatan : 

Kode di atas di gunakan untuk membuka link pada halaman yang sama, apabila anda menginginkan agar link tersebut terbuka pada halaman baru (new tab) anda tinggal mengganti kode  

<select onChange="document.location.href=this.options[this.selectedIndex].
value;"> 


dengan kode 

<select onchange="javascript:window.open(this.options[this.selectedIndex].
value);">

Sekarang tinggal langsung saja mempraktekannya di blog masing-masing, Sekian postingan kali ini tentang Membuat Menu Dropdown Pada Blogger semoga bermanfaat.