skip to main | skip to sidebar

COREL ONE BLOG

Pages

  • Beranda

Senin, 20 Februari 2012

Cara Membuat Menu Drop Down

Cara Membuat Menu Drop Down Blogspot
Cara membuat menu Drop Down atau istilah asingnya pull-down di Blogspot. Menu drop down akan sangat berguna untuk menghemat elemen blog kita. Tentunya dengan menu drop down, internal link maupun external link bisa kita ringkas menjadi 1 atau bahkan 2 menu drop down sesuai yang kita inginkan. Silahkan anda copy salah satu kode menu drop down di bawah ini sesuai keinginan anda, dan pasang pada widget blog anda

Cara membuat menu Dropdown standard di blog


<form name="jump">
<select name="menu"
onchange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://url1.com">Menu1 standard</option>
<option value="http://url2.com">Menu2 standard</option>
<option value="http://url3.com">Menu3 standard</option>
</select>
</form>

Cara membuat menu dropdown dengan tombol button di blog


<form name="jump">
<select name="menu"
onchange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://url1.com">Menu1 standard</option>
<option value="http://url2.com">Menu2 standard</option>
<option value="http://url3.com">Menu3 standard</option>
</select> <input
onclick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" type="button" value="Go" />
</form>

Cara membuat Drop down menu dengan tombol gambar

Gambar

<form name="jump">
<select name="menu"
onchange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://url1.com">Menu1 standard</option>
<option value="http://url2.com">Menu2 standard</option>
<option value="http://url3.com">Menu3 standard</option>
</select> <a href="javascript:jumpMenu()">
<img border="0" src="Link-Gambar-anda" /></a>
</form>

Menu drop down bisa anda tempatkan dimana saja, misalkan pada widget blog, footer bawah ataupun atas, bahkan juga bisa anda tempatkan di bawah / posting seperti penempatan artikel terkait dll. silahkan berkreasi sesuai keinginan dan kemampuan anda ^^. Oh ya jangan lupa ganti kode yang saya blog. Selamat mencoba dan semoga sukses. sudah yah itu saja tutorial cara membuat drop down menu di blog.
Diposting oleh boy di 05.12 Kirimkan Ini lewat Email BlogThis! Bagikan ke X Berbagi ke Facebook
Label: Tips dan Trik

0 komentar:

Posting Komentar

Posting Lebih Baru Posting Lama Beranda
Related Posts Plugin for WordPress, Blogger...

DAFTAR ISI

Loading...

Blog Archive

  • Feb 14 (2)
  • Feb 15 (5)
  • Feb 16 (12)
  • Feb 18 (8)
  • Feb 19 (4)
  • Feb 20 (12)
  • Feb 21 (2)
  • Feb 22 (7)
  • Feb 23 (6)
  • Feb 24 (20)
  • Mar 01 (1)

Labels

  • Kata Galau (1)
  • kata gombal (1)
  • Kata Hati (2)
  • Kata Romantis (1)
  • Kode Warna (1)
  • Puisi BY : Boy (1)
  • SMS LUCHU (1)
  • SoFtware (7)
  • Tips dan Trik (64)
Diberdayakan oleh Blogger.
Rotating X-Steel Pointer
 
Copyright (c) 2010 COREL ONE BLOG. Designed for MMORPG Games
Video Games, Social Games, Download Farm Stock Photos