Παρασκευή, 24 Αυγούστου 2012

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:


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










Κωδικός html:

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



0 σχόλια:

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