Blog-o-tips!

Β. Λειτουργικό κομμάτι 1. Επικόλληση κώδικα Σημαντικό:   Δείτε πρώτα   το πρώτο μέρος αυτού του tutorial. Το πρώτο κομμάτι που θα προσθέσω θα είναι το λειτουργικό. Θα φτιάξω δηλαδή μια λίστα με υπο-λίστες, μόνο με τη χρήση κώδικα. Εγώ εδώ θα σας δώσω το γενικό κώδικα, αλλά εσείς πρέπει να κάνετε τις απαραίτητες προσαρμογές για το δικό σας blog. Αν δεν τις κάνετε, η μπάρα σας θα οδηγεί στο δικό μου blog "Test"!!! Εικόνα 1 1. Πάμε  Πρότυπο>Επεξεργασία HTML 2. Με τη μέθοδο CTRL+F αναζητάμε το κείμενο  . Ακριβώς πριν από αυτό κάνουμε επικόλληση τον παρακάτω κώδικα:

Α. Εισαγωγικά Επιτέλους επιστρέφω για τον τρίτο και τελευταίο τρόπο, με το οποίο μπορούμε να φτιάξουμε μπάρα/μενού πλοήγησης στο blog μας, χρησιμοποιώντας κώδικα HTML και CSS. Αν θέλετε να δείτε περισσότερους (και πιο εύκολους) τρόπους και συμβουλές, επισκεφθείτε τις προηγούμενες σχετικές αναρτήσεις: 1ο μέρος: Προετοιμασία  (απαραίτητη για όλους τους τρόπους) 2ο: μέρος: α' τρόπος (Ετικέτες) 3ο μέρος: β' τρόπος (Σελίδες) Extra: Εμφάνιση  (για τους τρόπους α' και β')

Γ. Επεξεργασία εμφάνισης Σημαντικό: Διαβάστε πρώτα το πρώτο και το δεύτερο μέρος αυτού του tutorial. Τώρα πάμε να προσθέσουμε το κομμάτι κώδικα που είναι υπεύθυνο για την εμφάνιση. Πάλι με το CTRL+F, θα βρούμε στον κώδικά μας το κείμενο: Ακριβώς από πάνω του,θα υπάρχει αυτό: ]]> Εμείς, ακριβώς πριν από το ]]> θα επικολλήσουμε τον εξής κώδικα: #mywrap { width: 100%; height: 40px; margin: 0; z-index: 10; position: relative; background-color:BlanchedAlmond ; } .navbar { height: 40px; padding: 0; margin: 0; position: absolute; } .navbar li { height: 40px; width: 160px; float: left; text-align: center; list-style: none; font: normal bold 14px/1.2em Arial, Georgia, Verdana; padding: 0; margin: 0; background-color: BlanchedAlmond; } .navbar a { padding: 12px 0; text-decoration: none; color: black; display: block; border:1px solid black; } ...

Ήρθε η ώρα για το δεύτερο τρόπο! Τον πρώτο τρόπο θα τον βρείτε εδώ . Επέστρεψα όσο πιο γρήγορα μπορούσα! Δεν άργησα, ε; Προσοχή : Μην αφαιρέσετε το gadget με τις ετικέτες πριν ολοκληρώσετε τη διαδικασία. Θα σας χρειαστεί. Αν το έχετε ήδη αφαιρέσει, προσθέστε το πάλι (προσωρινά). ΥΠΕΡ Είναι και αυτός πολύ εύκολος τρόπος. Σας επιτρέπει να έχετε Αρχική σελίδα, όπου θα φαίνονται οι πιο πρόσφατες αναρτήσεις σας. Δεν απαιτεί χρήση κώδικα. Μπορείτε να χρησιμοποιείτε χωριστά το gadget με τις Ετικέτες σας. ΚΑΤΑ Και πάλι δε μπορείτε να έχετε υπομενού. Τι θα κάνουμε, με λίγα λόγια: Θα προσθέσουμε σελίδες στο blog μας. Ίσως έχετε ακούσει ότι οι σελίδες του blogger, μπορούν να έχουν μόνο σταθερό περιεχόμενο, δηλαδή δε μπορείς να βάλεις αναρτήσεις μέσα σε αυτές. Πρόσφατα όμως ανακάλυψα ότι υπάρχει τρόπος και μάλιστα είναι μπροστά στα μάτια μας. Μας δίνει την επιλογή να δημιουργήσουμε μια σελίδα που μας οδηγεί σε κάποια διεύθυνση του ιστού. Εμείς, απλά θα οδηγήσουμε τους αναγνώστες μας στη σελίδα τη...

Θα σας δείξω, πώς να επεξεργαστείτε την εμφάνιση της μπάρας πλοήγησης που μόλις δημιουργήσατε. Αυτή η διαδικασία, έχει εφαρμογή και στην περίπτωση που χρησιμοποιείτε τις Ετικέτες σας ως μπάρα (α' τρόπος), αλλά και στην περίπτωση που χρησιμοποιείτε τις Σελίδες σας ως μπάρα (β' τρόπος).  Μόνο ελάχιστες διαφορές θα δείτε στο τελικό αποτέλεσμα, ανάλογα με τον τρόπο που επιλέξατε. Πάμε Πρότυπο>Προσαρμογή Τώρα πατάμε "Προηγμένη" Κείμενο καρτελών.  Εδώ, μπορούμε να αλλάξουμε τη γραμματοσειρά και το χρώμα του κειμένου  της μπάρας μας. Πειραματιστείτε.  Η προεπισκόπηση φαίνεται στο κάτω μέρος. Μετά πάμε Φόντο Καρτελών. Επιλέγουμε χρώμα και μας βγάζει αυτό το ωραίο  δίχρωμο φόντο, που θυμίζει πολύ τα κουμπιά των επαγγελματικών ιστοσελίδων.  Σημειώσεις: Το Επιλεγμένο χρώμα , έχει κάποιες διαφορές, ανάμεσα στις Ετικέτες και τις Σελίδες. Στις Σελίδες είναι το χρώμα που θα έχει το κουμπί μας, όταν ο αναγνώστης το έχει ήδη πα...

Στον πρώτο τρόπο έχω αναφερθεί ξανά στο παρελθόν, αλλά όχι με λεπτομέρειες. Είναι ο πιο απλός, αφού στην ουσία, χρησιμοποιείτε κανονικά το gadget-άκι με τις Ετικέτες που είχατε ως τώρα, αλλά με έξυπνο τρόπο. Λίγα λόγια για τις δυνατότητες αυτού του τρόπου ΥΠΕΡ:   Είναι ο πιο εύκολος και δεν απαιτεί να μάθετε σχεδόν τίποτα καινούργιο απ' όσα ξέρατε μέχρι τώρα. Στην ουσία αλλάζουμε θέση και εμφάνιση στις ετικέτες. Δεν περιλαμβάνει καθόλου χρήση κώδικα. Μπορεί να δείχνει δίπλα από τις κατηγορίες του μενού σας, πόσες αναρτήσεις περιλαμβάνει η καθεμία, όπως οι ετικέτες. ΚΑΤΑ: Δεν μπορείτε να έχετε υπομενού, όπως το δικό μου (βλ. μενού του Χωρίς Ειρμό) Δε μπορείτε να έχετε κουμπί για την Αρχική σελίδα. Ο αναγνώστης θα πρέπει να πατήσει την εικόνα της κεφαλίδας ή τον τίτλο του blog σας (πάνω-πάνω), για να πάει στην Αρχική. Προτού ξεκινήσουμε, βεβαιωθείτε ότι έχετε κάνει την προετοιμασία που έδειξα στο 1ο μέρος . Δηλαδή να έχετε ομαδοποιήσει τις αναρτήσεις σας και ν...

Πολλές φίλες bloggers με ρώτησαν πώς θα τοποθετήσουν μία μπάρα πλοήγησης ή αλλιώς "μενού" στο blog τους. Τι είναι αυτό; Είναι ακριβώς αυτό εδώ, όπως βλέπετε και πάνω-πάνω στο blog μου. Το καθένα από τα έξι ορθογώνια που βλέπετε, θα το αναφέρω από εδώ και στο εξής ως "κουμπί". Στην ουσία πρόκειται για μια λίστα συνδέσμων, με λειτουργική και ελκυστική εμφάνιση. Στο blogger, υπάρχουν τουλάχιστον τρεις τρόποι για να δημιουργήσετε μια τέτοια μπάρα, μέσα στην οποία θα τοποθετήσετε οργανωμένη και τακτοποιημένη τη θεματολογία του blog σας. Εγώ θα σας δείξω αυτούς τους τρεις τρόπους, ξεκινώντας από τον πιο εύκολο.  Όμως, σε αυτή την πρώτη ανάρτηση, θα σας μιλήσω για την προετοιμασία που πρέπει να κάνετε, προτού αρχίσετε να εφαρμόζετε έναν από τους τρεις τρόπους που θα ακολουθήσουν. Μην παραλείψετε αυτό το στάδιο, γιατί αργότερα θα μπλέξετε και θα τα παρατήσετε στη μέση. Πιστέψτε με! Η διαδικασία είναι αρκετά χρονοβόρα, γιατί στην ουσία πρόκειται για μια ολοκληρωτική αναδιοργ...