Import your Favicon on your site

Εισάγετε το δικός σας Favicon στην σελίδα σας

Καταρχάς να πούμε τί είναι το Favicon (Favorite Icon)
First ... what's a favicon ? (Favorite Icon)

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

When someone visits a page, next to the url on the address bar, an icon appears. Is the trademark lets say of that particular page, that helps being easily recognized when it's inside Bookmarks, or should I say Favorites !

Θέλετε να αλλάξετε το favicon που έχετε και να βάλετε ένα που αντιπροσωπεύει εσάς και το ιστολόγιό σας ?
Τα βήματα είναι πολύ απλά, για αυτό ακολουθήστε με :

Wanna personalize it ? The steps are simple so follow me :


1. Επιλέξτε την εικόνα που θέλετε να χρησιμοποιήσετε ως Favicon.

Αν έχετε την εικόνα που θέλετε στον σκληρό σας, προχωρήστε το βήμα 2.

Choose the image you wanna use as Favicon
If you have it on your hard drive, skip step 2

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

If you haven't desided what you want, search through your browser and when you find the ideal one, right click it, select save image as (give a name) to your desktop

Μπορείτε επίσης να βγάλετε μία απο το ιστολόγιό σας, όποιο σημείο αυτού θέλετε εσείς με το Snagit Screen Capture
You can snap one right out of your blog, or any part of it with Snagit Screen Capture

2. Αν η εικόνα δεν είναι 16x16, πηγαίνετε να την μετατρέψετε σε 16x16 pixels στο Pic Resizer (οδηγίες για αυτό θα βρείτε στην ανάρτησή μας εδώ).
Αν η εικόνα σας είναι 16x16 προχωρήστε στο βήμα 3.

If your pic isn't 16x16. go and convert it to Pic Resizer (instructions on how to use see related post here)
If your pic is 16x16 skip to step 3.

Οι διαστάσεις των favicon που χρησιμοποιούν οι περιηγητές είναι 16x16, μπορείτε να βάλετε μεγαλύτερη, αλλά αυτόματα το μέγεθος θα αλλάξει σε 16x16, με αποτέλεσμα ή να μην φαίνεται καλά η εικόνα - αν ήταν ιδιαίτερα μεγάλη - ή παραμορφωμένη - αν οι διαστάσεις της δεν είναι ίσες (δηλαδή 23x32, 12χ19 κ.τ.λ.)

The dimentions of favicons used by browsers are 16x16, so u can add a bigger one, but instantly the size will change to 16x16, with the result on most cases - if not all - the image does't shows right - if it was a big one - or destorted - if its dimentions were uneven (meaning 23x32, 12χ19 and so on).

Αποθηκεύστε την τροποποιημένη πια στην επιφάνεια εργασίας.
Save the converted on on your desktop.

3. Ανεβάστε την εικόνα σε οποιοδήποτε image hoster ( Photobucket , Tinypic , Imageshack , Computer Steroids το αγαπημένο μου ) και κάντε αντιγραφή το direct link !

Upload the pic to any image hoster ( Photobucket , Tinypic , Imageshack , Computer Steroids my fav) and copy the direct link !

4. Επικολλήστε το στην θέση url στο παρακάτω :

paste the url to the code below

<link href='paste the url here / εδώ βάζετε το url της εικόνας σας' rel='shortcut icon' type='image/x-icon'/>
<link href='paste the url here / εδώ βάζετε το url της εικόνας σας' rel='icon' type='image/x-icon'/>

5. Αντιγράψτε τώρα όλο τον κωδικό

Copy the whole code

6. Πηγαίντε στην καρτέλλα της σχεδίαση, μετά στην καρτέλλα επεξεργασια HTML

Go to tap design, to the edit HTML

7. Πατήστε Ctrl + F και θα ανοίξει στο κάτω μέρος της εικόνας σας η μπάρα αναζήτησης, όπου θα γράψετε και θα πατήσετε Enter για να το βρεί

Press Ctrl + F and a search bar opens below, type and click enter

8. Ακριβώς απο πάνω του επικολλήστε τον κωδικό που αντιγράψατε παραπάνω

Just above it paste the code you copied before

9. Αποθήκευση και είναι έτοιμο !
Save and done !

Μεγιά !