Cara mudah membuat menu dropdown diblog
kali ini saya akan bahas mengenai cara praktis, mudah dan cepat untuk membuat menu dropdown di blog blogspot. fungsinya apa ? jelas saja fungsinya untuk menghemat tempat di blog kita
. jangan kawati , caranya sangat gampang , bagi anda yang pemula atau newbie pasti bisa melakukan ini ,heheehe.
berikut cara membuat dropdown sub menu di blog :
Pertama, log in ke akun blogger sobat .
Kedua, pilih design .
Ketiga, pilih add gadget.
Keempat,pilih html javascript .
Kelima, copas kode dibawah ini ke kotak tersebut , seterah mau pake judul atau tidak.
<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>
<option>Link</option>
<option value="http://www.berryhs.com">Berry Blog</option>
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://www.google.com">Google</option>
</select></form>
yang tanda merah bisa sobat ganti dengan yang sobat inginkan , dan tempat letaknya bisa sobat letak juga di bagian edit html , seterah sobat mau berkreasi seperti apa, kalau yang ini cara mudahnya :) . hasilnya nanti seperti ini :
. jangan kawati , caranya sangat gampang , bagi anda yang pemula atau newbie pasti bisa melakukan ini ,heheehe.
berikut cara membuat dropdown sub menu di blog :
Pertama, log in ke akun blogger sobat .
Kedua, pilih design .
Ketiga, pilih add gadget.
Keempat,pilih html javascript .
Kelima, copas kode dibawah ini ke kotak tersebut , seterah mau pake judul atau tidak.
<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>
<option>Link</option>
<option value="http://www.berryhs.com">Berry Blog</option>
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://www.google.com">Google</option>
</select></form>
yang tanda merah bisa sobat ganti dengan yang sobat inginkan , dan tempat letaknya bisa sobat letak juga di bagian edit html , seterah sobat mau berkreasi seperti apa, kalau yang ini cara mudahnya :) . hasilnya nanti seperti ini :
.jpg)
0 comments: