Sunday, April 19, 2009

MAKE THE MENU DROP DOWN

Do you ever seen the menu such as menu below? please click at the menu to see the effect of this menu :
The name of this menu is drop down menu.
To make the dropdown menu, you only make the code be like this :

"<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected> Your text title here! </option>

<option value=" your address link here "> the text here will be display </option> </select></form>"


This is the result :
You can make the drop down menu more than one, just make the code more than one, so very simple.
Now, how to add this code to your blog. This is the step :
  1. Login to blogger with your ID
  2. After entering the dasboard page , click Layout. Please saw the picture :
  3. layout
  4. Click at Page Element tab. See the picture below :
  5. page element
  6. Click at Add a Page element.
  7. After emerging pop up window , Klik add to blog button for the things HTML/JavaScript. See the picture following :
  8. javascript
  9. Copy and paste the code below into available column :
  10. <form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option>- Blog Tutorial - </option><!-- change the links with your own --><option value="http://gesankart.blogspot.com/2009/03/strart-to-blogging.html">Start to blogging</option> <option value="http://gesankart.blogspot.com/2009/03/settings-your-blog.html">Blog setting</option> <option value="http://gesankart.blogspot.com/2009/03/2007/11/backup-template.html">Backup template</option> <option value="http://gesankart.blogspot.com/2009/03/2007/12/backup-your-widgets_19.html">backup widget</option> </select></form>
  11. Click save changes
  12. Finish. Please see the result.

Ok brother, now you have a dropdown menu at your blog. Or maybe you still confused with the step above? don't worry i have an easy way to do it, just click the button below, login to your blog and the widget will add to your blog automatically:




Add a dropdown in the sidebar of your blog.


Have a nice day My friends. See you at my next post

0 comments:

Powered by Blogger.

Link Friend's

( A )Aan20 | Achinllg | Andiebuytank | Anotherstoryfromme | Anak Nelayan | Arsipanberita | Auto-runs | Autoins21 ( B ) Bestcamera | BANYAKILMU | BlogCenti | Blekenyek | bizril | BUTIKU PALACE | Bayu The Maniac | BLOGGING TUTORIAL | BisAwanG | Blog-adhi | BlogIndonsesia | Business Blog ( C ) Cindybitney | Crunchour | Cah-eleq | Cacainadjourney | Coolkillady | Cyndimac72 | Celebryti | CENTRE-ICE ( D ) DiMensi Berita | Demcyapdiandias ( E ) emie-myrecollection | Eri-communicator | Ebooks Recourses ( F ) Free Toefl | Fraudmamy | faiUnismaMalang | Freedommessage ( G ) Geekymother | GaMinGtV | Goceng's Blog | Gitarkeren | GET REAL RICH | Gratistutorialebook ( H ) Haiabrakadabra | Hasannudin | Healthupyourlife ( I ) Tips dan Trik Komputer | Infobiznisonliner | Indulge! by veronizm | Internazionale Milan And Indonesian Culture | IRMAGI BLOG | Idonbiu ( J ) Jurassicparktoys | Jigalbigal | Joshlynreyn | John Thor ( K ) Katiebug05 | KALTENG004 | Kualatungkalboy | Kolom-tutorial ( L ) Louisdizon | Lulu-bitz-and-pieces ( M ) Muatringtone | Masih-berharap - N - ( O ) Obamainthewhitehouse | OJIENLING | O-OM ( P ) Pinkflower9978 | Perawatan-ac | Psikologizone | Pelangihorison - Q - ( R ) Rewangz | Raini-aikidoka | RETAPNP | RAKEARTS | Rokoksalemforex | rklivengood1128 | Rachmattullah ( S ) SAngMilyader | Saif569 | selfesteemblogforwomen | Sproutkzoo | sinay blog | SIJAGUR | So-bat ( T ) Tipspack | TUKAR INFO | TECHZEST | texaswithlove1982 | Timontius P | Tukar Link dan Promosi Website ( U ) Unmyst3 ( V ) VIJAY SUPERSTAR | Visitindonesianow | View the world | Vestpension ( W ) Weisse-schokolade | Welcomemynewblog | Winecountryconcepts | World of Cricket | World Health Medicine ( X ) Xander ( Y ) Yudhi-xiii | Yezdibooo - Z - zeppoawards

Followers

 
Copyright © . Technology | Android Tablet | Computer | Apps - Posts · Comments
Theme Template by BTDesigner · Powered by Blogger