Προσθέσετε προσαρμοσμένες γραμματοσειρές εύκολα στον Blogger

Τώρα μπορείτε να προσθέσετε προσαρμοσμένες γραμματοσειρές στο Blogger εύκολα με τη βοήθεια του Google Font API. Μπορείτε να επιλέξετε από μια μεγάλη ποικιλία γραμματοσειρών για να διαμορφώσετε το στυλ του blog σας.

Ξεκινώντας, πρώτα θα πρέπει να επιλέξετε τη γραμματοσειρά από το Google Web Fonts και μετά κάντε κλικ στο σύνδεσμο [Quick-use], όπως φαίνεται στην εικόνα παρακάτω.

Στην νέα σελίδα κάντε τις επιλογές που θέλετε και στο τέλος αντιγράψετε τον κώδικα που σας δίνει.

Στο παράδειγμά μας θα χρησιμοποιήσουμε τη γραμματοσειρά "GFS Neohellenic".

Αφού λοιπών αντιγράψουμε τον κώδικα για την γραμματοσειρά μας, για να την ενσωματώσουμε στο blog μας κάνουμε τα εξής:



Από το αριστερό μενού του Blogger επιλέγουμε το [Πρότυπο] και [επεξεργασία HTML]
(κρατήστε πρώτα αντίγραφο ασφαλείας του προτύπου σας)
Με Ctrl + F αναζητούμε το <head
και αμέσως από κάτω επικολλήστε τον κώδικα της γραμματοσειράς.
Το ο κώδικας θα μοιάζει με:


<head>
<link href=’http://fonts.googleapis.com/css?family=GFS+Neohellenic’ rel=’stylesheet’ type=’text/css’ />


Προσοχή έτσι ώστε να μην έχουμε πρόβλημα με την αποθήκευση του προτύπου μας.
  1. στο τέλος του κώδικα και πριν κλείσουμε το tag <link με το >, πρέπει να βάλουμε την κάθετη παύλα /.
  2. Ένα δεύτερο είναι ότι αν μέσα στον κώδικα υπάρχει το σύμβολο &, τότε πρέπει να το αντικαταστήσουμε με το Ελληνικό ερωτηματικό ;.
  3. Εάν θέλουμε να κάνουμε χρήση μιας γραμματοσειράς μόνο μέσα σε ένα άρθρο και όχι σε ολόκληρο το blog, τότε βάζουμε τον παραπάνω κώδικα μόνο μέσα στο HTML του άρθρου μας (στην κορυφή του) και όχι μέσα στο Πρότυπο.

Πατάμε Αποθήκευση του προτύπου και τώρα πλέων πρέπει να δηλώνουμε την γραμματοσειρά στο κείμενο που θέλουμε όπως μας το δίνει στη σελίδα της Google Web Fonts στην παράγραφο 4. (Προσοχή, πάντα μέσα σε μονά αποσιωπητικά)

Για παράδειγμα:
<div style="font-family: 'Όνομα γραμματοσειράς', serif;">Το κείμενό μας</div>
Δηλαδή στη γραμματοσειρά του δικού μου παραδείγματος θα είναι:
<div style="font-family: 'GFS Neohellenic', serif;">Το κείμενό μας</div>

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

Πηγαίνετε στο [Πρότυπο] και επιλέξτε [Προσαρμογή] αντί για [επεξεργασία HTML].
Από εκεί αλλάξτε την γραμματοσειρά του στοιχείου που θέλετε σε μία πολύ 'άκυρη' γραμματοσειρά, που σίγουρα δεν υπάρχει σε κάποιο άλλο στοιχείο μέσα στο blog σας και πατήστε Αποθήκευση του προτύπου. Τώρα ξανά πηγαίνετε στην [επεξεργασία HTML] και με Ctrl + F βρείτε την 'άκυρη' γραμματοσειρά και αντικαταστήστε την με αυτή από την Google Web Font. Για παράδειγμα παρακάτω δείτε τον κώδικα που ορίζει τι γραμματοσειρά έχει το κείμενο μέσα στα άρθρα σας.

.post-body {
font-family: 'Όνομα γραμματοσειράς';
}

0 σχόλια:

Δικά μου

Larissakid

Χρησιμοποιώ