Pull-Down Menu with Links (+ έτοιμο widget)

Σήμερα θα σας εξηγήσω την τεχνική του pull-down menu και πόσο σημαντική και λειτουργική είναι για τα blogs.
Σας έφτιαξα μάλιστα και ένα widget για να το βάλετε στο blog σας.

Έχω επισκεφτεί εκατοντάδες blogs και σε πολλά βλέπω να έχουν στην sidebar (=η στήλη δεξιά ή αριστερά από τις αναρτήσεις) μια ακατέβατη σειρά από links.
Άλλο να έχεις 10-20 links γνωστών σου και άλλο να έχεις 50+ links από διάφορες ιστοσελίδες.Με αυτόν τον τρόπο δεν βοηθάτε τους επισκέπτες σας να πλοηγηθούν ευχάριστα στη σελίδα σας.
Σας προτείνω λοιπόν να χρησιμοποιήσετε το pull-down menu.Δεν θα διαγράψετε κανένα link απλά θα τα συγχωνεύσετε και δεν θα σας τρώνε πια τόσο χώρο.
Κάτω σας έχω τον κωδικό για το pull-down menu:

<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 150px;" name="menu" size="1"><option/> Φιλικά ιστολόγια<!-- change the links with your own --><optionvalue="http://www.johnpatrablog.blogspot.com/"/>Johnpatra BLOG</select></form>

Εξήγηση του κωδικού:

"width: 150 px;" :Το πλάτος του widget.Αν θέλετε αλλάζετε το 150.
size="1":Το μέγεθος.Αλλάξτε το 1 αν θέλετε.Θα μεγαλώσει το ύψος του.
Φιλικά ιστολόγια :Γράψτε τον δικό σας τίτλο των λινκς που θα βάλετε.
value="http://www.johnpatrablog.blogspot.com/" :Εδώ γράφετε την διεύθυνση του λινκ που θέλετε να βάλετε.
Johnpatra BLOG :Και εδώ γράφετε το όνομα του λινκ.

Με την ίδια λογική μπορείτε να βάλετε όσα λινκς θέλετε.

Εγώ σας έφτιαξα ένα τέτοιο widget.Δείτε το παρακάτω και αν σας αρέσει σας έχω τον κωδικό του.
Όπως μάθατε παραπάνω 'μπορείτε να προσθέσετε ή να αφαιρέσετε στο παρακάτω widget links και να το προσαρμόσετε όπως το θέλετε.
Σας παρακαλώ μην σβήσετε τον τίτλο του.Μπορείτε να τον αλλάξετε βέβαια και να μην λεει "Εξωτερικές συνδέσεις" ,όπως λέει τώρα.


Widget:


Εξωτερικές συνδέσεις:

  Εφημερίδες Πρωτοσέλιδα Bestpress Αγγελιoφόρος ΑΥΓΗ ΕΘΝΟΣ Ελεύθερος Τύπος Ελευθεροτυπία Καθημερινή TA NEA MAKEΔONIA ΤΟ ΒΗΜΑ Ριζοσπάστης Espresso AIXMH ΑΡΓΩ REAL NEWS Το Παρόν ΤΟ ΚΑΡΦΙ ΠΡΩΤΟ ΘΕΜΑ Το Ποντίκι ΗΜΕΡΗΣΙΑ ΙΣΟΤΙΜΙΑ ΕΠΕΝΔΥΤΗΣ

  Ξένος Τύπος ABCnews  Ananova  CBSnews  CorriereDellaSera  DieTageszeitung  Economist ElPaisEuronews  Floridatoday France24 Huffington post Hurriyet InternationalHeraldTribune Iraqdaily ItarTass LaStampa LeFigaro Liberation NBC Newsweek Pravda PressAssociation Rai RussiaToday Salon SKY.it The Independent Today'sZaman TurkishPress Usatoday Dallas News  Los Angeles Times  Washington Post  Wall Street Journal  The Times of India  Reuters  Sky NewsFOXNews  Telegraph NYT new yorks time TIME Le Monde Deutsche Welle The Guardian Spiegel online NY Post CNN Repubblica Daily Express Zeit online BBC news

  Φιλικά ιστολόγιαJohnpatra BLOG

  Χρήσιμα links σεισμικότητα σε πραγματικό χρόνο όλες οι web cams στον ελλαδικό χώρο τα αποτελέσματα των ελληνικών Ευρωεκλογών 2009 αναλυτικά τα αποτελέσματα κάθε χώρας από τις 27 στις Ευρωεκλογές του 2009 Όλα τα πρωτοσέλιδα Ολες οι τελευταίες ειδήσεις Χρηματιστήριο Εφημ. Νοσοκομεία  Κίνηση στους δρόμους Καιρός Ράδιο ταξί Σινεμά  Τηλ. ανάγκης Φαρμακεία

  Ομογένεια Comgrecotrieste  Comunitaellenicadigenova  Desmos-grece  Diaspora-grecque  Diasporafm  Ellines-rl  Emiratesgreeks  Episkeptis  Grecia  Greeceinworld  Greek.swedishportal  Greeknewsonline  HellenicNewsKalami  NeaFon Nέος Κόσμος O Kόσμος Oμοσπονδία Ελληνικών Κοινοτήτων PlatyrralosPublishing SofiaTimesMagazine Swr.de Βήμα Δύο όψεις Εlliniki-gnomi Εθνικός Κήρυξ Ποντιακή Νεολαία ΤheNationalHerald

 Ραδιόφωνο Alpha Radio 98.9 ΦΩΝΟΓΡΑΦΟΣ NET 105.8 Sfera RADIO DISTOMO ΚΑΛΑΜΙ-USA RealFM 97,8 SKAI 100,3 City 99,5 Antenna 97 A8HNA 98,4 Flash 96 Kiss Fm 92,9 Δίεση 101,3 Μελωδία 99,2 92.3 Lampsi FM ΡΥΘΜΟΣ  104.5 FM Love Radio 97,5 Derti 98.6

  Τηλεόραση Βουλή TV ERT World CyBC Κύπρος BlueSkyTV MEGA TV BBC world CNN live MSNBC SKY NEWS C-SPAN (usa) NASA TV

Κωδικός html:

(Πανόπτης>Διάταξη>Προσθήκη gadget>HTML/JavaScript>εδώ επικολλήτε τον παρακάτω κώδικα και το αποθηκεύετε.)
<center> <p> <a href="http://johnpatrablog.blogspot.com/2009/11/pull-down-menu-with-links-widget.html" target="_blank">Εξωτερικές συνδέσεις:</a> </p> </center> <center> <form> <select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 150px;" name="menu" size="1"><option/> Εφημερίδες<!-- change the links with your own --><option value="http://news247.gr/Headlines.htm "/> Πρωτοσέλιδα<option value="http://bestpress.gr/newspapers.php/"/> Bestpress<option value="http://www.agelioforos.gr/"/> Αγγελιoφόρος<option value="http://www.avgi.gr"/> ΑΥΓΗ<option value="http://www.ethnos.gr"/> ΕΘΝΟΣ<option value="http://www.e-typos.com"/> Ελεύθερος Τύπος<option value="http://www.enet.gr"/> Ελευθεροτυπία<option value="http://www.kathimerini.gr"/> Καθημερινή<option value="http://www.tanea.gr"/> TA NEA<option value="http://www.makthes.gr"/> MAKEΔONIA<option value="http://tovima.dolnet.gr"/> ΤΟ ΒΗΜΑ<option value="http://www.rizospastis.gr"/> Ριζοσπάστης<option value="http://www.espressonews.gr"/> Espresso<option value="http://www.aixmi.gr/"/> AIXMH<option value="http://www.argo-mme.gr/"/> ΑΡΓΩ<option value="http://www.realnews.gr"/> REAL NEWS<option value="http://www.paron.gr"/> Το Παρόν<option value="http://digital.stokarfi.gr"/> ΤΟ ΚΑΡΦΙ<option value="http://www.protothema.gr/index.php"/> ΠΡΩΤΟ ΘΕΜΑ<option value="http://www.topontiki.gr"/> Το Ποντίκι<option value="http://www.imerisia.gr"/> ΗΜΕΡΗΣΙΑ<option value="http://www.isotimia.gr"/> ΙΣΟΤΙΜΙΑ<option value="http://www.ependitis.gr"/> ΕΠΕΝΔΥΤΗΣ</select></form> <form> <select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 150px;" name="menu" size="1"><option/> Ξένος Τύπος<!-- change the links with your own --><option value="http://www.abcnews.go.com/"/> ABCnews <option value="http://www.ananova.com/"/> Ananova <option value="http://www.cbsnews.com/"/> CBSnews <option value="http://www.corriere.it/"/> CorriereDellaSera <option value="http://www.taz.de/"/> DieTageszeitung <option value="http://www.economist.com/"/> Economist<option value="http://www.elpais.com/"/> ElPais<option value="http://www.euronews.net/"/>Euronews <option value="http://www.floridatoday.com/"/> Floridatoday<option value="http://www.france24.com/en/"/> France24<option value="http://www.huffingtonpost.com/"/> Huffington post<option value="http://www.hurriyet.com.tr/anasayfa/"/> Hurriyet<option value="http://global.nytimes.com/?iht"/> InternationalHeraldTribune<option value="http://www.iraqdaily.com/"/> Iraqdaily<option value="http://www.itar-tass.com/"/> ItarTass<option value="http://www.lastampa.it/redazione/default.asp"/> LaStampa<option value="http://www.lefigaro.fr/index.php"/> LeFigaro<option value="http://www.liberation.fr/"/> Liberation<option value="http://www.msnbc.msn.com/"/> NBC<option value="http://www.newsweek.com/"/> Newsweek<option value="http://www.pravda.ru/"/> Pravda<option value="http://www.pressassociation.com/"/> PressAssociation<option value="http://www.rai.it/"/> Rai<option value="http://www.russiatoday.com/"/> RussiaToday<option value="http://www.salon.com/"/> Salon<option value="http://tg24.sky.it/tg24/"/> SKY.it<option value="http://www.independent.co.uk/"/> The Independent<option value="http://www.todayszaman.com/tz-web/"/> Today'sZaman<option value="http://www.turkishpress.com/"/> TurkishPress<option value="http://www.usatoday.com/"/> Usatoday<option value="http://www.dallasnews.com/"/> Dallas News <option value="http://www.latimes.com/"/> Los Angeles Times <option value="http://www.washingtonpost.com/"/> Washington Post <option value="http://europe.wsj.com/home-page"/> Wall Street Journal <option value="http://timesofindia.indiatimes.com/"/> The Times of India <option value="http://www.reuters.com/"/> Reuters <option value="http://news.sky.com/skynews"/> Sky News<option value="http://www.foxnews.com/"/>FOXNews <option value="http://www.telegraph.co.uk/"/> Telegraph<option value="http://www.nytimes.com/pages/index.html?partner=rss"/> NYT new yorks time<option value="http://www.time.com/time/?xid=rss-topstories"/> TIME<option value="http://www.lemonde.fr/"/> Le Monde<option value="http://www.dw-world.de/english/?maca=en-rss-en-all-1573-rdf"/> Deutsche Welle<option value="http://www.guardian.co.uk/"/> The Guardian<option value="http://www.spiegel.de/"/> Spiegel online<option value="http://www.nypost.com/news/nypdblotter/nypdblotter.htm"/> NY Post<option value="http://www.cnn.com/?eref=rss_topstories"/> CNN<option value="http://www.repubblica.it/"/> Repubblica<option value="http://www.express.co.uk/home"/> Daily Express<option value="http://www.zeit.de/index"/> Zeit online<option value="http://news.bbc.co.uk/2/hi/business/default.stm"/> BBC news</select></form> <form> <select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 150px;" name="menu" size="1"><option/> Φιλικά ιστολόγια<!-- change the links with your own --><option value="http://www.johnpatrablog.blogspot.com/"/>Johnpatra BLOG</select></form> <form> <select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 150px;" name="menu" size="1"><option/> Χρήσιμα links<!-- change the links with your own --><option value="http://www.geophysics.geol.uoa.gr/main_greek.html"/> σεισμικότητα σε πραγματικό χρόνο<option value="http://dias.aueb.gr/~kxv/webcameras.htm"/> όλες οι web cams στον ελλαδικό χώρο<option value="http://ekloges.ypes.gr/pages/index.html"/> τα αποτελέσματα των ελληνικών Ευρωεκλογών 2009<option value="http://www.elections2009-results.eu/el/index_el.html"/> αναλυτικά τα αποτελέσματα κάθε χώρας από τις 27 στις Ευρωεκλογές του 2009<option value="http://www.news247.gr/Headlines.htm"/> Όλα τα πρωτοσέλιδα<option value="http://news.google.gr/nwshp?hl=el&tab=wn"/> Ολες οι τελευταίες ειδήσεις<option value="http://www.naftemporiki.gr/athexrealtime/"/> Χρηματιστήριο<option value="http://www.in.gr/ath/duty/hospital.asp"/> Εφημ. Νοσοκομεία <option value="http://www.astynomia.gr/traffic-athens.php"/> Κίνηση στους δρόμους<option value="http://www.hnms.gr/hnms/greek/observation/observation_region_html"/> Καιρός<option value="http://www.asxetos.gr/article.aspx?i=920"/> Ράδιο ταξί<option value="http://www.athinorama.gr/cinema/default.aspx?i=1697"/> Σινεμά <option value="http://www.in.gr/thes/phones/default.htm"/> Τηλ. ανάγκης<option value="http://www.fsa.gr/duties.asp"/> Φαρμακεία</select></form> <form> <select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 150px;" name="menu" size="1"><option/> Ομογένεια<!-- change the links with your own --><option value="http://www.comgrecotrieste.it/"/> Comgrecotrieste <option value="http://www.comunitaellenicadigenova.it/"/> Comunitaellenicadigenova <option value="http://www.desmos-grece.com/"/> Desmos-grece <option value="http://diaspora-grecque.com/modules/altern8news/"/> Diaspora-grecque <option value="http://www.diasporafm.us/"/> Diasporafm <option value="http://www.ellines-rl.it/"/> Ellines-rl <option value="http://www.emiratesgreeks.com/"/> Emiratesgreeks <option value="http://www.episkeptis.de/"/> Episkeptis <option value="http://www.grecia.it/"/> Grecia <option value="http://www.greeceinworld.com/"/> Greeceinworld <option value="http://www.greek.swedishportal.net/"/> Greek.swedishportal <option value="http://www.greeknewsonline.com/"/> Greeknewsonline <option value="http://www.hellenicnews.com/"/> HellenicNews<option value="http://www.kalami.net/"/>Kalami <option value="http://www.neafon.com/magazin/index.php"/> NeaFon<option value="http://neoskosmos.com/news/en"/> Nέος Κόσμος<option value="http://www.kosmos.com.au/"/> O Kόσμος<option value="http://www.oek-germany.de/index.php"/> Oμοσπονδία Ελληνικών Κοινοτήτων<option value="http://www.platpub.com/"/> PlatyrralosPublishing<option value="http://www.sofiatimes.com/"/> SofiaTimesMagazine<option value="http://www.swr.de/-/id=116/1p6o6z0/index.html"/> Swr.de<option value="http://www.bhma.net/"/> Βήμα<option value="http://2opseis.neolaia.de/"/> Δύο όψεις<option value="http://www.elliniki-gnomi.com/"/> Εlliniki-gnomi<option value="http://www.ekirikas.com/"/> Εθνικός Κήρυξ<option value="http://www.osepe.de/"/> Ποντιακή Νεολαία<option value="http://www.thenationalherald.com/"/> ΤheNationalHerald</select></form> <form> <select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 150px;" name="menu" size="1"><option/> Ραδιόφωνο<!-- change the links with your own --><option value="mms://a74.I5001644073.c50016.e.lm.akamaistream.net/D/74/50016/v0001/reflector:44073"/> Alpha Radio 98.9<option value="http://www.phonografos.gr/"/> ΦΩΝΟΓΡΑΦΟΣ<option value="mms://62.103.164.228:8080/net105"/> NET 105.8<option value="http://www.live24.gr/radio/sfera.jsp"/> Sfera<option value="http://www.radiodistomo.com/media_player.htm"/> RADIO DISTOMO<option value="http://www.24-7radio.us/radio1.asx/"/> ΚΑΛΑΜΙ-USA<option value="http://www.live24.gr/radio/generic.jsp?sid=1348"/> RealFM 97,8<option value="http://www.skai.gr/master_livestream.php?rdtv=1025&rtk=r&lsc=2"/> SKAI 100,3<option value="http://www.live24.gr/radio/generic.jsp?sid=1417"/> City 99,5<option value="http://www.live24.gr/radio/generic.jsp?sid=1327"/> Antenna 97<option value="http://www.live24.gr/radio/generic.jsp?sid=1329"/> A8HNA 98,4<option value=" http://www.live24.gr/radio/generic.jsp?sid=1323"/> Flash 96<option value="http://live24.gr/radio/kissfm.jsp"/> Kiss Fm 92,9<option value="http://www.live24.gr/radio/diesi.jsp"/> Δίεση 101,3<option value=" http://delicast.com/radio/Greece/Melodia_FM_99.2"/> Μελωδία 99,2<option value="http://radiotime.com/WebTuner.aspx?StationId=50098&"/> 92.3 Lampsi FM<option value="http://delicast.com/radio/Greece/Ry8mos_104.5_FM"/> ΡΥΘΜΟΣ 104.5 FM<option value="http://delicast.com/radio/Greece/Love_Radio_97.5"/> Love Radio 97,5<option value="http://delicast.com/radio/Greece/Derti_98.6"/> Derti 98.6</select></form> <form> <select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 150px;" name="menu" size="1"><option/> Τηλεόραση<!-- change the links with your own --><option value="http://www.parliament.gr/videoaudio/default.asp"/> Βουλή TV<option value="http://ert.ntua.gr/tv.ram"/> ERT World<option value="http://www.cybc.com.cy/index.php?option=com_wrapper&Itemid=170"/> CyBC Κύπρος<option value="http://www.blueskytv.gr"/> BlueSkyTV<option value="http://www.megatv.com/summaries.asp?catid=14161&tag=10682"/> MEGA TV<option value="http://news.bbc.co.uk/player/nol/newsid_6900000/newsid_6903100/6903113.stm?bw=nb&mp=wm&asb=1&news=1&ms3=50&ms_javascript=true&bbcws=2"/> BBC world<option value="http://www.cnn.com/video/live/live_asx.html"/> CNN live<option value="http://www.msnbc.msn.com/id/21134540/vp/22887506#22887506"/> MSNBC<option rtk="t&lsc/" value="mms://live1.wm.skynews.servecast.net/skynews_wmlz_live300k/"/> SKY NEWS<option value="http://www.c-span.org/Watch/C-SPAN_wm.aspx"/> C-SPAN (usa)<option value="http://www.nasa.gov/multimedia/nasatv/index.html"/> NASA TV</select></form> </center>