Favicon icon on Blogger. |  Στάλες στο γαλάζιο ® <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKX91fQWM6G9m0saXufmkSrQUixui819u1t7lA15KheS2duPVDzTsRNM36ci3A2AerIBCRQGyAl02vGKeeh8cROf1Q6KqChHaa61N3qJhLVyPF_tVXUYKATPHgwZmfOesxGxN2WGvDZUk/s72-c/Favicon+icon+on+Blogger..jpg' rel='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiME6DVcbv3gKvBNmYAN6FDaLxToDKS-E4cTNSSmHJAS370hC-oKXqo1VtWSfx20ExDsIsLjKJppxnTl_N-7lJi_B4ZDQzj5BQ5TZ9fMdN27ybf3x0Yzs0Jd7JQo_Ar824kLqZbIbRkOUU/s640/Stales_sto_Galazio.jpg'/>

4




Κάποια επισκέπτρια του blog, μου έστειλε ένα email όπου με ρωτούσε πώς κατάφερα να αλλάξω το εικονίδιο ( του Blogger, αυτο το πορτοκαλί ΜΠΙ ) που εμφανίζεται στο πρόγραμμα περιήγησης πριν από την διεύθυνση URL του Blog.

Τι είναι το Favicon.ico.

Όταν ένας επισκέπτης πληκτρολογεί μια διεύθυνση στον σελιδοδείκτη του ( Opera, Safari, Firefox, IE), υπάρχει η πιθανότητα δίπλα από την διεύθυνση, στην μπάρα διευθύνσεων, να εμφανιστεί ένα εικονίδιο, το οποίο εικονίδιο ή θα είναι το default εικονίδιο του σελιδοδείκτη σας ή θα είναι ένα διαφορετικό εικονίδιο, το favicon.ico αρχείο εικόνας που έχει ορίσει ο διαχειριστής του website.

Πως δημιουργούμε το αρχείο Favicon.ico.

Αφού το Favicon.ico θα πρέπει να είναι ένα αρχείο εικόνας, τότε το μόνο που χρειάζεται ένα πρόγραμμα επεξεργασίας εικόνας ( π.χ. Photoshop, PaintShop....κτλ) για την δημιουργία του αρχείου.

Η εικόνα θα πρέπει να έχει μέγεθος 16 X 16 pixels.
Ναι, είναι πολύ μικρή εικόνα για ευνόητους λόγους.
Χωρίς να σημαίνει πως αν βάλετε λίγο μεγαλύτερη δεν θα την εμφανίζει.
Αν θέλετε, μπορείτε επίσης να δημιουργήσετε ένα εικονίδιο 32 X 32 pixel, το μέγεθος του οποίου θα μειωθεί αυτόματα από τον περιηγητή σας.

Μια άλλη λύση είναι....
Ακριβώς από κάτω από το Μενού μας υπάρχουν κάποιες σελίδες που κατά την γνώμη μου τις θεωρώ χρήσιμες & γι αυτό τις πρόσθεσα, για την δική σας βοήθεια!!

Λοιπόν πάτε στην Favicon Generator
Εκεί μπορείτε να δημιουργήσετε το εικονίδιο μέσα από 3-4 επιλογές.
Κατόπιν το περνάτε στο ιστολόγιό σας με την παρακάτω διαδικασία.

Για τις φίλες ή τους φίλους που δε γνωρίζουν πως να κάνουν resize μια εικόνα που τους αρέσει να χρησιμοποιήσουν για εικονίδιο & για αυτό σας έχουμε τη λύση.
Πάλι κάτω από το Μενού μας υπάρχει η σελίδα ResizR
Εκεί θα φορτώσετε την εικόνα σας είτε από τον υπολογιστή σας, είτε από το διαδίκτυο ( Σημείωση: η εικόνα θα πρέπει να είναι σε μορφή .jpg )
Και εκεί που λέει Image width: με την γλύστρα που έχει από κάτω αλλάζετε το πλάτος στο επιθυμητό.
Και πατάτε το ResizR.
Στην κορυφή της σελίδας θα σας δωσει την εικόνα έτοιμη.
Θα την αποθηκεύσετε στην επιφάνεια εργασίας σας.
Το επόμενο βήμα της προσάρτησης της εικόνας στην σελίδα σας, είναι να την ανεβάσετε σε κάποιον image hosting π.χ. tinypic για να πάρετε το direct link & να το περάσετε στον κώδικα που σα δίνω παρακάτω.

Για να το περάσετε θα κάνετε τα εξής απλά βήματα:



1. Θα κάνετε Login στο blog σας & θα μπείτε στον πανόπτη σας --> Διάταξη --> Επεξεργασία HTML

Κοντά στην αρχή θα δείτε μια γραμμή σαν αυτή:

<title><data:blog.pagetitle/></title>

2. Αντιγράψτε και εισάγεται κάτω απ’ αυτή την γραμμή τον παρακάτω κώδικα:

<link href="...direct link of your icon file..." rel="shortcut icon" type="image/vnd.microsoft.icon">

Εάν το αρχείο σας είναι διαφορετικού τύπου (png,ή gif), τότε θα πρέπει να χρησιμοποιήστε έναν από τους παρακάτω κωδικές:

PNG:

<link href="...direct link of your icon file..." rel="shortcut icon" type="image/png"/>

GIF:

<link href="...direct link of your icon file..." rel="shortcut icon" type="image/gif"/>

3. Τέλος πατήστε Προεπισκόπηση & αν δεν σας βγάλει κάποιο λάθος, πατήστε ΑΠΟΘΗΚΕΥΣΗ.

Και κάντε Ανανέωση την σελίδα σας.

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!



Στην περίπτωση που κάπου δυσκολευτείτε μπορείτε να επικοινωνήσετε μαζί μου στο email: loneeagle110@gmail.com

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

  1. Παλιό κολπάκι αλλά όμορφο. Γιατι δίνει την δυνατότητα να βάλει ο ιδιοκτήτης του blog ένα εικονιδιο που να τον εκφράζει & να ξεχωρίζει.

    Θεώρησα σωστό να μην βάλω κάποια που υπάρχουν σε άλλα ιστολόγια & ρίξαμε το βάρος μαζί με την Σοφία σε πιο εξειδικευμενα tutorials που στα αντίστοιχα Ελληνικά δεν υπάρχουν.
    Μόνο & μόνο να μην θεωρηθεί πως τους αντιγράφουμε & τους πάρει ο διάολος μετά.

    Αλλά μ αυτά που ζητάτε δε μπορω να κάνω αλλιώς.

    Χαίρομαι που σου αρέσει η σελίδα μας & έχεις βρει αρκετά χρήσιμα πραγματάκια.

    ΑπάντησηΔιαγραφή
  2. Παιδια μια βοήθεια...εκανα την διαδικασια κανονικα αλλα δεν μου εμφανιζει την εικονα που εχω ορισει..

    ΑπάντησηΔιαγραφή
  3. @ Administrator
    Αφου φιλε μου δεν εχεις προσθέσει εικόνα, ΤΙ να σου εμφανισει????
    Στο σημειο του κωδικα που λεει ...direct link of your icon file... θα πρεπει να βαλεις το direct link της εικονας που θες, αφου πρωτα την ανεβασεις σε καποιον image hosting
    π.χ. tinypic , imageshack , picoodle , photobucket.
    Καλη επιτυχια!

    ΑπάντησηΔιαγραφή

Παρακαλώ, την προσοχή σας ! ! !

* Εάν εντοπίσετε κάποιο πρόβλημα σε κάποια δημοσίευση (μη ενεργός συνδεσμος λ.χ. ή οτιδήποτε άλλο), παρακαλούμε κάντε τον κόπο να γράψετε στα σχόλιά σας, το οποιοδήποτε πρόβλημά σας, ώστε να προβούμε στην άμεση διόρθωσή του.
Επίσης, μπορείτε να αποστείλετε ένα "Ευχαριστώ" προς όσους ασχολήθηκαν & σας προσέφεραν ένα... κομμάτι από τη γνώση τους.

Παράκληση προς τους φίλους αναγνώστες-σχολιαστές:

* Να αποφεύγετε να γράφετε με greekglish γιατί τα σχόλιά σας ΔΕΝ θα γίνονται δεκτά.
* Αποφεύγετε το spamάρισμα στα σχόλια. - Please don't spam me!
* Σε περίπτωση που δεν έχετε καταλάβει κάτι, επικοινωνήστε μαζί μας μέσα από την φόρμα των σχολίων και θα σας απαντήσουμε σε εύλογο χρόνο, γι' αυτό ΜΗΝ καταφεύγετε στη αποστολή e-mail για τις όποιες απορίες σας.
* Χρησιμοποιήστε το Reply (που βρίσκεται κάτω από την εικόνα χρήστη), αν θέλετε να του απευθύνετε το λόγο, ή να απαντήσετε σε προυγούμενο σχόλιο.
* Το μέγιστο όριο χαρακτήρων είναι 4.096
* Τα σχόλιά σας θα δημοσιεύονται μετά τον απαραίτητο έλεγχο.

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

Σας Ευχαριστούμε για την κατανόηση και την επίσκεψή σας.!

 
Top
Blogger Tutorials

Δημιουργήστε τώρα ένα ιδανικό ιστολόγιο, χωρίς να ξοδέψετε ούτε 1€.Περισσότερα από 500 tutorials είναι στη διάθεσή σας.
Οι διαχειριστές του ιστολογίου «Στάλες στο γαλάζιο» σας συμβουλεύουν...
Αποφεύγετε την οποιαδήποτε προσφερόμενη "βοήθεια" από τυχάρπαστους και κατ' επίφαση "web designers", που από ιδιοτέλεια και μόνο προσπαθούν να εκμεταλλευθούν την άγνοιά σας!!!
Με εκτίμηση
«Στάλες στο γαλάζιο»
:-)