Blog-o-tips!

Σας έχω ήδη δείξει πώς να τοποθετήσετε το gadget της σελίδας σας του facebook στο blog σας. Αυτός ο τρόπος ισχύει μόνο στις απλές προβολές του blogger. Τι συμβαίνει όμως όταν χρησιμοποιείτε τις πιο μοντέρνες και μινιμαλιστικές δυναμικές προβολές; Σε αυτή την περίπτωση, είναι πολλά τα gadget που δε θα μπορέσετε να τοποθετήσετε στο blog σας, γιατί η όλη ιδέα της δυναμικής προβολής σχετίζεται με την απλότητα και τη χρηστικότητα. Οπότε αν έχετε γενικά τη διάθεση να παίζετε συχνά με την εμφάνιση του blog σας,  μην προτιμήσετε τις δυναμικές προβολές. Αυτές προορίζονται για bloggers που ανανεώνουν πολύ συχνά το περιεχόμενό τους, και δεν τους αρέσουν τα πολλά-πολλά μπιχλιμπίδια! Θα σας δείξω πολύ σύντομα πώς να προσθέσετε το gadget της σελίδας σας του FB στις δυναμικές προβολές.

Έχετε δει, φαντάζομαι, διάφορες σελίδες που, αντί για το απλό κείμενο " Νεότερη Ανάρτηση " " Αρχική " και " Παλαιότερη Ανάρτηση ", έχουν στο κάτω μέρος της σελίδες τους χαριτωμένες εικόνες, κυρίως με βελάκια.

Πολλοί blogger με έχουν ρωτήσει, αν υπάρχει κάποιος τρόπος να προστατεύσουν το περιεχόμενό τους, από επισκέπτες που το αντιγράφουν απερίσκεπτα και το αναρτούν ως δικό τους. Ο τρόπος που επέλεξα σήμερα να σας δείξω είναι απλός και σχεδόν "αόρατος", αλλά δουλεύει πολύ καλά. Μιλάω για την πλήρη απενεργοποίηση του δεξιού κλικ στο blog σας. Δηλαδή όταν οι χρήστες κάνουν δεξί κλικ με το ποντίκι τους επάνω στη σελίδα σας, δεν γίνεται απολύτως τίποτα: δε βγαίνει μενού, επομένως εξαφανίζονται οι επιλογές "αντιγραφή", "αποθήκευση" κλπ.

Το LinkWithin είναι μια υπηρεσία, που μας προσφέρει το γνωστό gadget " Σχετικές αναρτήσεις " ή " Δείτε επίσης ", όπως το έχω ονομάσει εγώ. Αυτό το gadget, προτείνει στους αναγνώστες μας, να επισκεφθούν άλλες αναρτήσεις του blog μας, με περιεχόμενο σχετικό με αυτό της ανάρτησης που διαβάζουν τώρα. Επομένως, βγαίνουν αυτόματα κάτω από κάθε μας ανάρτηση, κάποιοι σύνδεσμοι με εικόνες, τους οποίους αν επισκεφθεί ο αναγνώστης, θα μεταφερθεί κατευθείαν σε μια ανάρτηση από τις προτεινόμενες.  Η επιλογή των σχετικών αναρτήσεων γίνεται αυτόματα από το LinkWithin, κυρίως με κριτήριο τις ετικέτες και το περιεχόμενο. Είναι πολύ απλό να το προσθέσετε στο blog σας. Εγώ το έχω δοκιμάσει, αλλά δεν μου αρέσει ιδιαίτερα, γιατί μου φαίνεται ότι αργεί κάπως να φορτώσει, αφού μεταφέρει τον αναγνώστη στις σχετικές αναρτήσεις μας, μέσω μιας σύντομης ανακατεύθυνσης στο δικό του site. Όπως και να 'χει εγώ σας δείχνω πώς να το χρησιμοποιήσετε.  Εναλλακτικά, υπάρχει και το Nrelat...

Το συναντάτε σε πολλά blogs, όλο λέτε να το βάλετε, αλλά το ξεχνάτε στην πορεία, ή σας φαίνονται δύσκολες οι οδηγίες που βρίσκετε στο ίντερνετ... Υπάρχουν αρκετές υπηρεσίες που το προσφέρουν έτοιμο, όπως το Linkwithin.  Δοκίμασα το συγκεκριμένο και δεν έμεινα ιδιαίτερα ικανοποιημένη, για ποικίλους λόγους. Οπότε έψαξα και βρήκα άλλο τρόπο και πρόσφατα -όπως θα είδατε- τον υιοθέτησα κι εγώ στο Χωρίς Ειρμό. (Αν σας φανεί δύσκολο, δείτε την επόμενη ανάρτηση , όπου σας δείχνω πώς να κάνετε το ίδιο πράγμα με τη βοήθεια του linkwithin, το οποίο είναι δημοφιλές και δωρεάν, αλλά  εγώ δεν το πολυσυμπαθώ). Τα βήματα που πρέπει να ακολουθήσετε είναι τα εξής: 1. Δημιουργούμε ένα αντίγραφο ασφαλείας του προτύπου μας.

Απλό για τους παλιούς, "κρυμμένο" για τους νέους! Πολύ χρήσιμο για τους χρήστες του blogspot, αφού εξακολουθεί να είναι δημοφιλές, παρά την κατάργησή του Google Friend Connect!

Β. Λειτουργικό κομμάτι 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 στο κάτω μέρος (footer) της διάταξης και όχι στην πλαϊνή στήλη. Αν το τοποθετήσετε στην πλαϊνή στήλη, δε θα εμφανίζεται στο κάτω-κάτω μέρος της σελίδας, αλλά θα ξεκινάει λίγο πιο πάνω. Επιλέγουμε HTML/JavaScript. Στο πεδίο που θα εμφανιστεί, κάνουμε επικόλληση τον παρακάτω κώδικα. Στο τέλος κάνουμε " Αποθήκευση" και φυσικά "Αποθήκευση Διάταξης". Το βελάκι που περιέχει ο παραπάνω κώδικας, το έφτιαξα εγώ (όπως και τον κώδικα). Είναι εντελώς απλό,...

Ο στόχος:  Να προσθέσετε ένα κουτάκι του facebook στο blog σας, περίπου σαν αυτό που έχω εγώ εδώ στα αριστερά.  Μέσω αυτού, οποιοσδήποτε έχει facebook, θα μπορεί να κάνει επιτόπου like στο blog σας. Αυτό το like βέβαια, δε θα σημαίνει ότι θα σας ακολουθεί μέσω blogger. Θα σημαίνει ότι απλά του αρέσει το blog σας, με το συνηθισμένο τρόπο που μας αρέσει μια σελίδα στο facebook. Μόλις κάνει like αυτόματα θα εγγράφεται στη  σελίδα  που έχετε φτιάξει στο facebook για το blog σας, και θα βλέπει ό,τι ενημερώσεις κάνετε σε αυτή τη σελίδα, στην κεντρική του σελίδα στο facebook. Μπερδευτήκατε; Αν έχετε facebook, σίγουρα θα καταλάβατε τι εννοώ. Αν όχι, θα χρειαστεί να αφιερώσετε λίγο χρόνο.

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

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

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

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