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

buzz this
Σήμερα θα σας εξηγήσω την τεχνική του 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 --><option value="http://www.iks-team.com/"/>iks-Team.com</select></form>

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

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

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

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

Widget:

Κωδικός html:

(Πανόπτης>Διάταξη>Προσθήκη gadget>HTML/JavaScript>εδώ επικολλήστε τον παρακάτω κώδικα και το αποθηκεύετε.)

<center><p>
<a href="http://iks-team.com" 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.iks-team.com/"/>iks-Team.com</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&amp;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&amp;rtk=r&amp;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&amp;"/> 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&amp;Itemid=170"/> CyBC Κύπρος<option value="http://www.blueskytv.gr"/> BlueSkyTV<option value="http://www.megatv.com/summaries.asp?catid=14161&amp;tag=10682"/> MEGA TV<option value="http://news.bbc.co.uk/player/nol/newsid_6900000/newsid_6903100/6903113.stm?bw=nb&amp;mp=wm&amp;asb=1&amp;news=1&amp;ms3=50&amp;ms_javascript=true&amp;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&amp;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>

Αφήστε ένα σχόλιο αν θέλετε να πείτε κάτι.

Twitter Delicious Facebook Digg Stumbleupon Favorites More

0 Σχόλια:

Δημοσίευση σχολίου

Αρχική Σελίδα | Facebook Σελίδα | Γίνε Συντάκτης | Blogger Tricks | Δωρεάν Υλικό | Υπηρεσίες | Διαφήμιση | Αρχείο | Επικοινωνία | Όροι Χρήσης
Copyright iks-Team.com | Blogger Tips & Tricks. All rights reserved. Άδεια Creative Commons