Σάββατο 7 Μαΐου 2011

Δημιουργία favicon

Σε αυτή την ανάρτηση θα δούμε πως μπρούμε να βάλουμε ένα favicon στο blog μας. Ένα favicon είναι μια μικρή εικόνιτσα που εμφανίζεται στην γραμμή δειυθύνσεων του browser μας και στο tab. Απο προεπιλογή το blogger έχει ενα B για favicon καθώς συμβολίζει μια συντομογραφία του blogger.



To favicon μπορεί να είναι 16x16, 32x32, 48x48, ή 64x64 pixel.

Ας δημιουργήσουμε λοιπόν το πρώτο μας favicon

Βήμα 1:

Το πρώτο βήμα είναι να δημιούργησε το favicon που θα αντιπροσωπευεί το blog μας. Υπάρχουν δωρεάν προγραμματα για τον υπολογιστή που κάνουν αυτή την δουλεία ή ακόμα και online site που είτε μετατρέπουν μια υπάρχουσα εικόνα σε favicon είτε σου δίνουν την δυνατότητα να σχεδιάσεις online το δικό σου favicon.

Μερικά απο αυτα τα site είναι τα εξής:
Βήμα 2:

Αφού φτιάξαμε το favicon που μας αντιπροσωπευεί πρέπει να το ανέβάσουμε κάπου online σε ένα server. Δυστυχώς το blogger δεν μας δίνει την δυνατότητα άμεσα να αποθηκεύσουμε αρχεία με κατάληξη .ico. Παρολαυτά μπορούμε να χρησιμοποιήσουμε το google sites για να αποθηκεύσουμε έκει το εικονιδιό μας. Αφού δημιουργήσουμε λογαριασμό στο google sites πρέπει να πάμε στην διαχείρηση του site  > περισσότερες ενέργειες  > Διαχείρηση ιστότοπου > Επισυνάψεις > Μεταφόρτωση  και επιλέγουμε το αρχείο που θέλουμε να ανεβάσουμε. Αφού ανέβει πατάμε προβολή και κρατάμε στο πρόχειρο την διεύθυνση url θα μας χρειαστεί αργότερα.

Βήμα 3:

Κάνουμε σύνδεση στο blogger πάμε σχεδίαση > επεξεργασία html. Εκεί ψάχνουμε να βρούμε που ανοίγει η ετικέτα head (<head>) και βάζουμε τον παρακάτω κώδικα ανάμεσα στην ετικέτα head (η ετικέτα head κλεινει ώς </head>)

<link href='FAVICON-ΔΙΕΥΘΥΝΣΗ' rel='shortcut icon' type='image/x-icon'/>

Στην FAVICON-ΔΙΕΥΘΥΝΣΗ βάζετε την διεύθυνση που έχουμε στο πρόχειρο. Εκεί που βρίσκεται δηλαδή το αρχείο ico.

Ένας συντομότερος δρόμος καθώς η διαδρομή του  link είναι μεγάλη είναι να γράψουμε

<link href='http://sites.google.com/site/ΟΝΟΜΑ SITE/favicon.ico' rel='shortcut icon' type='image/x-icon'/>

όπου όνομα site βάζετε το όνομα που είχατε ονομάσει το site σας στο google sites.

    4 σχόλια:

    APOELwall... είπε...

    Δουλεύει τέλεια σε εμένα... Ευχαριστώ και συγχαρητήρια για την ανάρτηση!!!

    Christina είπε...

    να σαι καλά :)

    Down Time είπε...

    Απλό και χρήσιμο το blog σας παιδιά!!!
    Ωραία δουλειά!!!
    εγώ χρησιμοποίησα τις συμβουλές σας , εδώ...
    http://downtimeforyou.blogspot.com Ευχαριστώ!!!

    Christina είπε...

    se eyxaristoume poly gia ta kala sou logia!
    episkeythka to blog sou kai m arere polu!

    Δημοσίευση σχολίου

     
    Bloggerized by Lasantha