Στο blogger υπάρχουν διάφοροι τρόποι για να εισάγουμε μενού. Είτε απλά χωρίζοντας τις αναρτήσεις μας σε ετικέτες, είτε σε σελίδες, είτε ανάμικτο μενού με σελίδες, ετικέτες και εξωτερικούς συνδέσμους.
Μενού με κατηγορίες τις ετικέτες
Σας είχα δείξει πως γίνεται στην ανάρτηση Αναρτήσεις – ετικέτες – μενού (πλατφόρμα blogger)
Μενού με κατηγορίες τις σελίδες
Έχοντας ετοιμάσει όλες τις σελίδες που θέλουμε να χρησιμοποιήοσυμε στο μενού, πηγαίνουμε στη Διάταξη και στο σημείο που θέλουμε να εμφανίζεται το μενού προσθέτουμε gadget και επιλέγουμε ‘Σελίδες’. (1) Στο παράθυρο που ανοίγει μπορούμε να επιλέξουμε ποιες από τις σελίδες μας θέλουμε να παρουσιάζονται στο μενού, τικάροντάς τες. (2) Μπορούμε να προσθέσουμε κάποιο σύνδεσμο που να παραπέμπει σε σελίδα ανεξάρτητη από το ιστολόγιό μας, ορίζοντας τίτλο και τη διεύθυνση της σελίδας. (3) Με drag and drop μπορούμε να ορίσουμε με ποια σειρά επιθυμούμε να εμφανίζονται οι σύνδεσμοι στο μενού. (4) Ανάλογα με το σημείο που θα εμφανίσουμε το μενού μπορούμε να το ορίσουμε κάθετο ή οριζόντιο. Αποθήκευση και το μενού μας είναι στον αέρα!
Μενού με κατηγορίες ετικέτες και/ή σελίδες και/ή εξωτερικούς συνδέσμους
Υπάρχουν όμως και φορές που τα παραπάνω δε μας είναι αρκετά και θέλουμε διαφορετικό συνδυασμό. Τη λύση μας τη δίνει, τι άλλο, η χρήση κώδικα μέσα σε gadget.
Αρχικά πρέπει να ετοιμάσουμε τον κώδικα. Σας παραθέτω παράδειγμα έτσι ώστε να μπορέσετε να το προσαρμόσετε στα δικά σας δεδομένα!
Κατεβάστε τον κώδικα εδώ.
Αφού έχουμε ετοιμάσει τον κώδικα πηγαίνουμε στη ‘Διάταξη’, στο σημείο που θέλουμε να εμφανίζεται το μενού προσθέτουμε gadget και επιλέγουμε ‘HTML/JavaScript’. Ο τίτλος είναι προαιρετικός, στο περιεχόμενο κάνουμε επικόλληση τον κώδικα που ετοιμάσαμε και πατάμε αποθήκευση για να δούμε το μενού μας στον αέρα!!!!
Extra tip!!
Συνήθως στο blogger το μενού εμφανίζεται κάτω από την κεφαλίδα (header). Πιθανόν όμως να θέλουμε να εισάγουμε και κάποιο δεύτερο μενού ή κάποιο άλλο gadget πάνω από την κεφαλίδα. Γίνεται πολύ απλά με μια μικρή παρέμβαση στον κώδικα του προτύπου.
Πρώτα από όλα κρατάμε αντίγραφο (Πρότυπο / Δημιουργία αντιγράφου ασφαλείας / Λήψη πλήρους προτύπου / Αποθήκευση).
Στη συνέχεια στο ‘Πρότυπο΄ επιλέγουμε ‘Επεξεργασία HTML’ πατάμε ‘Μεταφορά στο γραφικό στοιχείο’ και επιλέγουμε ‘Header1′.
Κάνουμε αναζήτηση (Ctrl+F) τον κώδικα
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
και αντικαθιστούμε το 1 με 2, 3… ανάλογα πόσα gadgets επιθυμούμε πάνω από την κεφαλίδα.
Σε περίπτωση που δε μας επιτρέπεται αμέσως να εισάγουμε κάποιο gadget σε αυτό το σημείο, μπορούμε να το προσθέσουμε οπουδήποτε αλλού και με drag and drop να το μεταφέρουμε πάνω από την κεφαλίδα.
Αυτό το tip οφείλεται στην απορία της Μάχης!!!
Ελπίζω να σας άρεσε και ο σημερινός οδηγός και αν σας δημιούργησα οποιαδήποτε απορία είμαι εδώ να σας βοηθήσω όσο μπορώ!