HappyMum Angie

Παιδί, DIY, Συνταγές, Blogging

ΑΡΧΙΚΗ      ΠΡΟΦΙΛ      ΕΠΙΚΟΙΝΩΝΙΑ
  • ΑΡΧΙΚΗ
  • ΤΑ ΔΙΚΑ ΜΟΥ
  • DO IT YOURSELF
    • ΠΑΙΔΙ
    • ΠΑΡΤΥ
    • ΒΑΠΤΙΣΗ
    • ΣΠΙΤΙ
    • ΠΑΣΧΑ
    • ΧΡΙΣΤΟΥΓΕΝΝΑ
  • BLOGGING
    • TUTORIALS
      • ALL TUTORIALS
      • BLOGGER
      • WORDPRESS
      • FACEBOOK TIPS
    • ΜΑΜΑΔΟΣΥΝΕΝΤΕΥΞΕΙΣ
    • GUEST POSTS
    • ΔΙΑΔΙΚΤΥΑΚΕΣ ΑΣΧΟΛΙΕΣ
  • ΣΑΣ ΠΡΟΤΕΙΝΩ
    • ΒΙΒΛΙΑ
    • ΚΟΥΖΙΝΑ
      • ΦΑΓΗΤΑ
      • ΓΛΥΚΑ
    • FAMILIVES
    • ΝΕΑ
  • ΔΙΑΓΩΝΙΣΜΟΙ
Βρίσκεστε εδώ:Αρχική / BLOGGING / TUTORIALS / Προσθήκη μενού και εμφάνιση δεύτερου μενού πάνω από την κεφαλίδα – (πλατφόρμα blogger)!

Προσθήκη μενού και εμφάνιση δεύτερου μενού πάνω από την κεφαλίδα – (πλατφόρμα blogger)!

03/03/2015 By: HappyMum Angie

menu-and-menu-above-headerΣτο blogger υπάρχουν διάφοροι τρόποι για να εισάγουμε μενού. Είτε απλά χωρίζοντας τις αναρτήσεις μας σε ετικέτες, είτε σε σελίδες, είτε ανάμικτο μενού με σελίδες, ετικέτες και εξωτερικούς συνδέσμους.

Μενού με κατηγορίες τις ετικέτες
Σας είχα δείξει πως γίνεται στην ανάρτηση Αναρτήσεις – ετικέτες – μενού (πλατφόρμα blogger)

Μενού με κατηγορίες τις σελίδες
Έχοντας ετοιμάσει όλες τις σελίδες που θέλουμε να χρησιμοποιήοσυμε στο μενού, πηγαίνουμε στη Διάταξη και στο σημείο που θέλουμε να εμφανίζεται το μενού προσθέτουμε gadget και επιλέγουμε ‘Σελίδες’. (1) Στο παράθυρο που ανοίγει μπορούμε να επιλέξουμε ποιες από τις σελίδες μας θέλουμε να παρουσιάζονται στο μενού, τικάροντάς τες. (2) Μπορούμε να προσθέσουμε κάποιο σύνδεσμο που να παραπέμπει σε σελίδα ανεξάρτητη από το ιστολόγιό μας, ορίζοντας τίτλο και τη διεύθυνση της σελίδας. (3) Με drag and drop μπορούμε να ορίσουμε με ποια σειρά επιθυμούμε να εμφανίζονται οι σύνδεσμοι στο μενού. (4) Ανάλογα με το σημείο που θα εμφανίσουμε το μενού μπορούμε να το ορίσουμε κάθετο ή οριζόντιο. Αποθήκευση και το μενού μας είναι στον αέρα!

menu-add-selides

Μενού με κατηγορίες ετικέτες και/ή σελίδες και/ή εξωτερικούς συνδέσμους
Υπάρχουν όμως και φορές που τα παραπάνω δε μας είναι αρκετά και θέλουμε διαφορετικό συνδυασμό. Τη λύση μας τη δίνει, τι άλλο, η χρήση κώδικα μέσα σε 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 οφείλεται στην απορία της Μάχης!!!

Ελπίζω να σας άρεσε και ο σημερινός οδηγός και αν σας δημιούργησα οποιαδήποτε απορία είμαι εδώ να σας βοηθήσω όσο μπορώ!

Εάν σου άρεσε, μοιράσου το...Share on facebook_save
Facebook Save
Share on facebook
Facebook
Share on pinterest
Pinterest
Share on whatsapp
Whatsapp
Share on email
Email
Share on print
Print
HappyMum Angie - Για μέναΕίμαι η Άντζυ και σας καλωσορίζω στο blogοσπιτάκι μου! Θέλετε να μάθετε πιο πολλά για μένα? Διαβάστε εδώ

Παρακολουθώ

Follow me on Instagram απλά σαρώνοντας την παρακάτω εικόνα!

ΣΤΗΡΙΖΟΥΜΕ

Copyright © 2023 · Modern Blogger Pro Theme By, Pretty Darn Cute Design