14 Ιουνίου 2010



1 Νέες γραμματοσειρές στο Blog σας

Η Blogger αποφάσισε πλέον να εισαγάγει και νέες γραμματοσειρές στα Blog μας, μέσω του Google Font API, πέρα απο τις συνηθισμένες, όπως βλέπετε και στο παράδειγμα που ακολουθεί αμέσως.

New Beautyful Fonts for Blogger

Πώς κάνουμε λοιπόν χρήση αυτών των fonts στο blog μας;
Για να εμφανίζεται κάθε νέα γραμματοσειρά (font στα Αγγλικά) πρέπει να την προσθέσουμε στο blog μας, άρα, πρέπει να επικολήσουμε (paste) μια γραμή κώδικα στο blog μας, και συγκεκριμένα στο template HTML. Μόλις το κάνετε, τελειώσατε μ' αυτό μια για πάντα, απλά να θυμάστε το όνομα του font που θέλετε, και χρησιμοποιήστε το οπουδήποτε στο blog σας (σε κάθε ανάρτηση, ή μέρος μιας ανάρτησης, ή στα widgets σας).

Ακολουθήστε τα παρακάτω βήματα για κάθε νέο font:

Βήμα 1ο
Επισκευθείτε τηνσελίδα: Google Webfonts Directory

και κάντε click στο font που θέλετε να κάνετε χρήση.

Βήμα 2ο
Στην επόμενη σελίδα, επιλέξτε το μπλέ tab, που λέει "Get the code".

Θα σας ανοίξει απο κάτω η σελίδα έναν κώδικα, όπως σας δείχνω στην εικόνα

Βήμα 3ο
Ο κώδικας αυτός, θέλει μια μικρή όμως παρέμβασή σας. Δηλαδή:
Όταν πήγα να τον βάλω, μου έβγαζε σφάλμα, πως το Link element, πρέπει να κλείσει ανάλογα.
Ο κώδικας λοιπόν, αρχικά ήταν αυτός:

<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>

(Το κόκκινο όνομα, είναι το όνομα του Font).
Εσείς θα προσθέσετε απλά στο τέλος του ακόμη ένα κομάτι, αυτό εδώ: </link> και δεν θα υπάρχει κατόπιν σφάλμα κανένα. Θα γίνει τελικά δηλαδή έτσι:

<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'></link>

Βήμα 4ο
Ο παραπάνω κώδικας λοιπόν, θα μπεί στο HTML του προτύπου σας, ΑΚΡΙΒΩΣ ΠΡΙΝ το /head (δηλαδή απο πάνω του).
Πατήστε αποθήκευση και ..σχεδόν τελειώσαμε.

Βήμα 5ο
Τώρα λοιπόν, αντιγράψτε αυτόν τον κώδικα που σας δίνω παρακάτω, και έχετέ τον πρόχειρο πάντοτε, κάνοντας χρήση του ΚΑΘΕ φορά που θα θέλετε να χρησιμοποιήσετε το συγκεκριμένο Font.

<span style="font-family: Tangerine; font-size: 24px;">Εδώ βάλτε το TEXT/Ανάρτησή σας</span>

Αντικαθιστώντας τα σιελοπράσινα γράμματα μέσα στον κώδικα, με το κείμενο το δικό σας, θα εμφανίζεται πλέον το κείμενο με την γραμματοσειρά που έχετε εσείς επιλέξει.
Αλάζοντας δε, το 24px σε μεγαλύτερο αριθμό (π.χ. 36px η και 48px) μεγαλώνει ανάλογα και η γραμματοσειρά ..εννοείται.








"Γειά σου, Εάν βρέθηκες για πρώτη φορά στο Blog μου, και εάν σε ενδιαφέρουν οι αναρτήσεις μου, μπορείς να εγγραφείς στο RSS feed του Blog. Μπορείς επίσης να κάνοντας εγγραφή στο Newsletter του blog μου, να λαβαίνεις απ ευθείας κάθε μου ανάρτηση στο email σου. Είσαι Twitter user; τότε μπορείς επίσης να με κάνεις Follow στο Twitter. Σε ευχαριστώ που με διαβάζεις,"



Οι Σπόνσορες του Blog




Print this post



Related Posts :



1 σχόλια:

fani είπε... Best Blogger Tips

Nικόλα μου μέχρι το 4ο βήμα καλά τα πήγαινα , μετά στο 5ο... μπερδεύτηκα ....που αντιγράφω ,,,τι αντιγράφω//ποιο κείμενο; Ξέρεις τον κώδικα HTML δυσκολεύομαι να τον κατανοήσω πλήρως παρ όλο ότι κάνω φιλότιμες προσπάθειες.


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

Πες πως δεν έχεις χρόνο να σχολιάσεις.. να 'χεις πάρει όμως σοβαρό ύφος, καλά;

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.

Next Next Next