Παρόλο που το WordPress είναι μία από τις πιο ισχυρές πλατφόρμες blogging, πάντα είμαι οπαδός του Blogger της Google.

Αφού δημιούργησα το προσωπικό μου tech blog, TechComet, στο Blogger, συνειδητοποίησα ότι το blog μου στερήθηκε επαγγελματικό άγγιγμα καθώς το favicon του είχε οριστεί ως το προεπιλεγμένο λογότυπο του Blogger: το λευκό και το πορτοκαλί "B".

Αν θέλετε να δημιουργήσετε ένα εμπορικό σήμα για το ιστολόγιό σας, είναι απαραίτητο να αντικαταστήσετε το προεπιλεγμένο εικονίδιο με τη δική σας δημιουργία που ταιριάζει με το θέμα του ιστότοπού σας.

Σε αυτό το άρθρο θα περιγράψω τα βήματα για να δημιουργήσω και να αλλάξω το favicon του Blogger.

Σημείωση : Τα βήματα που περιγράφονται στρέφονται προς τους χρήστες του Blogger, ωστόσο τα γενικά βήματα στη δημιουργία ενός favicon μπορούν να εφαρμοστούν σε οποιονδήποτε ιστότοπο ή ιστολόγιο.

Χρήση ενός Favicon

Ένα favicon είναι ένα εικονίδιο 16 × 16 που εμφανίζεται σε μια γραμμή τίτλου του browser ή στη γραμμή διευθύνσεων. Τα προγράμματα περιήγησης που υποστηρίζουν περιήγηση με καρτέλες εμφανίζουν επίσης το favicon σε κάθε ξεχωριστή καρτέλα.

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

Δημιουργία νέου Favicon

Το πρώτο βήμα είναι να δημιουργήσετε το δικό σας favicon.

Οι Favicons γενικά δημιουργούνται με τη μορφή .ico, ωστόσο μπορείτε επίσης να δημιουργήσετε το favicon χρησιμοποιώντας τις μορφές GIF ή PNG.

Αν δεν αισθάνεστε ιδιαίτερα δημιουργικοί, μπορείτε να κάνετε αναζήτηση στον ιστό για οποιαδήποτε εικόνα θέλετε να εμφανίσετε ως favicon και να την συρρίψετε μέχρι το μέγεθος 16 × 16 και να την αποθηκεύσετε ως αρχείο .ico, .png ή .gif. Υπάρχουν επίσης αρκετές γκαλερί favicon όπου μπορείτε να κατεβάσετε έτοιμες favicons που έχουν το απαιτούμενο μέγεθος και μορφή.

Ωστόσο, εάν πρόκειται να δημιουργήσετε ένα εμπορικό σήμα για το ιστολόγιό σας, είναι λογικό το favicon να ταιριάζει με το θέμα του ιστολογίου σας. Για παράδειγμα, έχω ένα σκούρο καφέ θέμα για το blog μου:

Και αποφάσισα ότι θα ήταν καταλληλότερο να δημιουργήσω ένα favicon που να ταιριάζει με το γράμμα και το χρώμα.

Το Photoshop είναι ίσως η καλύτερη εφαρμογή που θα χρησιμοποιήσετε για να δημιουργήσετε το favicon σας. Απλά θυμηθείτε να σχεδιάσετε την εικόνα σας σε καμβά 16 × 16 και να το αποθηκεύσετε ως αρχείο .gif ή .png.

Εάν δεν διαθέτετε Photoshop, υπάρχει μια σειρά από "γεννήτριες favicon" όπως αυτή, όπου μπορείτε να δημιουργήσετε και να επεξεργαστείτε μια εικόνα σε καμβά 16 × 16.

Μεταφορτώστε το Favicon σας

Το Blogger δεν προσφέρει υπηρεσίες φιλοξενίας, αλλά όλες οι εικόνες που επισυνάπτετε σε μια ανάρτηση ιστολογίου αποθηκεύονται αυτόματα στο λογαριασμό σας στο Picasa.

Έτσι, το μόνο που έχετε να κάνετε είναι να δημιουργήσετε μια κενή θέση blog και να επισυνάψετε το favicon σε αυτό. Στη συνέχεια, προβάλετε την έκδοση HTML της δημοσίευσης ιστολογίου σας κάνοντας κλικ στην επιλογή " Επεξεργασία HTML" .

Η τοποθεσία του favicon μου βρίσκεται στο " http://2.bp.blogspot.com/_MZZJ1m2SoG0/TG-IyPj4ZZI/AAAAAAAAAF0/bC0IZk9S3a8/s1600/logo-(16×16).png ". Σημειώστε τη σύνδεση όπου βρίσκεται το favicon.

Εάν χρησιμοποιείτε άλλη υπηρεσία μεταφόρτωσης εικόνων, όπως το ImageShack, βεβαιωθείτε ότι έχετε σημειώσει τον άμεσο σύνδεσμο προς την εικόνα (δηλαδή μια σύνδεση που τελειώνει με .ico, .png ή .gif και όχι με .html). Για παράδειγμα, ο σύνδεσμος ImageShack για το favicon μου βρίσκεται στο " http://img175.imageshack.us/img175/8924/logo16x16.png ".

Αλλαγή των Προεπιλεγμένων Bloggers

Αφού δημιουργήσετε και φορτώσετε ένα favicon με τον οποίο είστε ικανοποιημένοι, ανοίξτε τον πίνακα ελέγχου του Blogger και επιλέξτε " Σχεδίαση ".

Στη συνέχεια, στο κύριο παράθυρο του Blogger επιλέξτε " Επεξεργασία HTML ".

Αυτό θα ανοίξει τον επεξεργαστή προτύπων HTML. Εδώ ελέγξτε " Expand Widget Templates" για να βεβαιωθείτε ότι όλος ο κώδικας HTML για τον ιστότοπό σας είναι ορατός.

Στη συνέχεια, μετακινηθείτε προς τα κάτω και επικολλήστε τα εξής ΠΡΙΝ το " "Ετικέτα:

Ανανεώστε το ιστολόγιό σας και το νέο favicon πρέπει να είναι ορατό.