RSS

Category Archives: ΣΤΑΤΙΚΕΣ ΣΕΛΙΔΕΣ

ΤΡΟΠΟΠΟΙΗΣΗ ΤΗΣ PAGELIST

Καλησπέρα και καλή εβδομάδα σε όλιυς και σε όλες. Πριν από καιρό το blogspot μας έδωσε τη δυνατότητα να δημιουρούμε και να χρησιμοποιούμε στατικές σελίδες. Το όριο είναι δέκα στατικές σελίδες. Σήμερα θα δούμε πως μπορούμε να τροποποιήσουμε την pagelist (μπάρα που περιέχει τις στατικές σελίδες). Η διαδικασία είναι εύκολη. Στην ουσία θα κάνουμε μια προσθήκη CSS (Cascading Style Sheets-Διαδοχικά Φύλλα Στυλ).
Μπαίνουμε στο λογαριασμό μας στο blogspot και από τον πανόπτη πάμε στη διάταξη και από εκεί στην επεξεργασία HTML. Πριν προχωρήσουμε παίρνουμε ένα αντίγραφο αφαλείας (back up) του κώδικα μας. Πατάμε control και F (Ctrl+F) για να ανοίξει το ψαχτήρι στο κάτω μέρος του φυλλομετρητή (browser).
Μέσα στο πλαίσιο στο ψαχτήρι πληκτρολογείστε: </head>
Mόλις το βρείτε αμέσως πριν από αυτό κάντε αντιγραφή – επικόλληση (copy – paste) τον παρακάτω κώδικα:

#PageList1 ul { list-style-type:none; margin:2; padding:2; overflow:hidden; width: 100%; background: #000000; } #PageList1 li { float:right; } #PageList1 a { display:block; width: 141px; font-weight:bold; color: #ffffff; background-color: #800080; text-align:center; padding:2px; text-decoration:none; border-right: 0px solid #ffffff; }
#PageList1 a:hover { background-color: #000000; color: white; }

Βασική προϋπόθεση για να λειτουργήσει ο παραπάνω κώδικας είναι να έχουμε δημιουργήσει και ενεργοποιήσει τις στατικές σελίδες. Αν δεν ξέρετε πως δείτε εδώ. Ότι βλέπετε με κόκκινο χρώμα μπορείτε να το αλλάξετε βάζοντας τους κωδικούς χρωμάτων που θέλετε. Ότι είναι με μπλε χρώμα είναι οι αποστάσεις μεταξύ των κουμπιών της pagelist όπου το καθένα αντιστοιχεί σε μια στατική σελλίδα καθώς και αν θέλετε να έχει εξωτερικό πλαίσιο ή όχι η μπάρα στατικών σελίδων. Ότι είναι με πράσινο χρώμα δηλώνει τη στοίχιση του κειμένου που βρίσκεται σε κάθε κουμπί και υποδηλώνει το όνομα της στατικής σελίδας.

Δημιουργείστε ένα δοκιμαστικό ιστολόγιο και πειραματιστείτε έτσι ώστε να φτάσετε στο αποτέλεσμα που επιθυμείτε και μετά εφαρμόσετε τον κώδικα στο κανονικό σας blog. Όταν τελειώσετε πατάτε αποθήκευση (save). Ελπίζω να σας είναι χρήσιμη αυτή η ανάστηση.

Σε περίπτωση που θέλετε να δείτε τη μπάρα σε πλήρη λειτουργία πριν επιχειρήσετε επισκευτείτε το ΘΕΜΑ και δοκιμάστε την.
P.S.: Αύριο το Locus Blogus έχει γεννέθλια και κλείνει δύο χρόνια παρουσίας στο διαδύκτιο. Μη χάσετε την αυριανή ανάρτηση γιατί σας περιμένουν καλές προτάσεις.
 
 

ΣΤΑΤΙΚΕΣ ΣΕΛΙΔΕΣ ΣΕ ΙΣΤΟΛΟΓΙΑ

Καλησπέρα σε όλους και σε όλες. Πώς θα σας φαινόταν αν σας έλεγα ότι το ιστολόγιο σας μπορείτε να το κάνετε να φαίνεται περισσότερο σαν website; Πώς θα γίνει αυτό; Με την προσθήκη στατικών σελίδων. Το blogspot μας δίνει τη δυνατότητα να προσθέσουμε μέχρι δέκα στατικές σελίδες (δεν είναι και λίγες) και στην καθεμία μπορούμε να βάλουμε το περιεχόμενο της αρεσκείας μας. Για παράδειγμα αν ονομάσουμε μια καρτέλα contact μπορούμε να βάλουμε στοιχεία επικοινωνίας, αν μια άλλη την ονομάσουμε about τότε μπορούμε να βάλουμε κάποιες συνοπτικές πληροφορίες για το ιστολόγιο μας. Μπορούμε να βάλουμε στατικές σελίδες photos, videos και ότι άλλο θελήσουμε με το αντίστοιχο περιεχόμενο σε καθεμιά από αυτές.
   Βασική προϋπόθεση για να το κάνουμε αυτό είναι να μπούμε στο πρόχειρο blogger (draft) και αυτό θα το καταφέρουμε αν μπούμε στο λογαριασμό μας μέσω αυτής της διεύθυνσης http://draft.blogger.com. Μην περιμένετε να δείτε μεγάλες διαφορές από τον κλασσικό πανόπτη εκτός του logo που είναι μπλε και όχι πορτοκαλί. Κάντε κλικ στο κουμπί νέα ανάρτηση και εκεί θα δείτε ένα πρόσθετο στοιχείο που δεν υπάρχει στην κλασσική έκδοση του blogspot. Το στοιχείο αυτό ονομάζεται επεξερασία σελίδων και βρίσκεται αμέσως μετά την επεξεργασία αναρτήσεων (δείτε το παρακάτω screenshot).

   Κάντε κλικ στην επεξεργασία σελίδων, αν πεταχτεί ένα παράθυρο επιβεβαίωσης πατήστε ΟΚ και θα μεταφερθείτε στην παρακάτω εικόνα.

 
Κάντε κλικ στο κουμπί νέα σελίδα και θα μεταφερθείτε στην παρακάτω εικόνα.
 
Δώστε τίτλο και βάλτε το περιεχόμενο που θέλετε. Όπως βλέπετε μπορείτε να προσθέσετε κείμενο, φωτογραφίες και videos. Όταν τελειώσετε πατήστε δημοσίευση τώρα (publish). Με την δημοσίευση θα μεταφερθείτε στο παρακάτω screenshot για να σηλώσετε σε ποιο σημείο του ιστολογίου σας θέλετε να εμφανίζονται τα links που θα οδηγούνε στις στατικές σελίδες. Προσωπικά σας προτείνω να επιλέξετε τις καρτέλες ιστολογίου που φαίνονται στο πάνω μέρος του blog σας. Με αυτόν τον τρόπο δε θα χρειάζεται να ψάχνουν τις στατικές σελίδες σας οι επισκέπτες σας.
 
 
Πατήστε αποθήκευση και δημοσίευση και η στατική σας σελίδα είναι ήδη δημοσιευμένη. Αυτή τη διαδικασία μπορείτε να την επαναλάβετε μέχρι δέκα φορές για να δημιουργήσετε μέχρι δέκα στατικές σελίδες.
   Αυτή η δυνατότητα είναι πολύ χρήσιμη. Ελπίζω να σας άρεσε. Καλή επιτυχία.
 
6 Σχόλια

Posted by στο Φεβρουαρίου 12, 2010 in BLOG, BLOGGER, BLOGSPOT, ΣΤΑΤΙΚΕΣ ΣΕΛΙΔΕΣ