Memasang Menu Dropdown

Membuat Gaya Menu Dropdown dari Link Laman Blogger - Pages Link Style. Setelah membahas cara Mengedit Laman / Pages, kali ini saya ingin membahas cara membuat aneka menu dari pages dengan gaya / style sesuka kita. Pada dasarnya, page/laman yang telah kita buat bisa ditampilkan dengan cara mengatur gadget bawaan blogger, yaitu gadget pages yang bisa kita akses melalui halaman layout => Add a gadget => Lalu "Pages". Namun beberapa blogger merasa menu bawaan Blogger tersebut monoton, oloeh karena itu, di postingan kali ini kita akan membahas cara membuat menu dari link page/laman dengan gaya menu sesuka kita yang meliputi: Menu Horizontal dengan CSS, Menu Dropdown, Menu Dtree, dan Menu Button/tombol.

Untuk memulai membuat menu2 dari link page/laman dengan gaya sesuka kita, kita harus mengambil link page/laman yang ingin kita jadikan sebagai bagian dari menu blog kita.

Untuk mengambil link page sangatlah mudah, loginlah ke akun blogger anda => Klik menu "Pages"/laman => Lalu klik kanan pada " judul page" untuk memulai mengambil link, klik "Copy link location". Perhatikan gambar berikut untuk lebih jelasnya:

Setelah itu simpanlah link-link yang telah sobat dapatkan di notepad atau di mana saja, yang penting ketika membuat menu nanti kita bisa memperoleh link tersebut dengan mudah.

Cara memasangnya seperti biasa:

1. Login ke Blogger.

2. Klik Tata letak.

3. Klik Tambah Gadget >> JavaScript/HTML, dan isikan kode berikut :

 

<div class="widget-content">
<center><blink style="color: rgb(0, 102, 0);"><span style="font-weight: bold; color: rgb(0, 153, 0);">Select Menu ▼ </span></blink><br /><br />
<center>
<select onchange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected />Select Menu..
<option value="http://www.justsaysblog.co.cc/" />Home
<option value="http://www.justsaysblog.co.cc/p/profile.html" />Profile
<option value="http://www.justsaysblog.co.cc/p/source.html" />Source
</select></center></center></div>
<br/><center><a href="http://www.justsaysblog.co.cc/2012/05/memasanf-baground-berubah.html" target="_blank">Pasang Seperti Ini</a></center>

PENTING

• Yang Warna Merah Ganti Dengan Link Agan 
• Yang Warna Hijau Ganti Dengan Nama Laman Anda