Σ'αυτή την ανάρτηση θα σας δείξω πώς θα αλλάξουμε τις συνηθισμένες και απλές γραμματοσειρές του Blogger που χρησιμοποιούμε όλοι.Με την νέα της υπηρεσία η Google"Making Τhe Web Beautiful"λανσάρει νέες γραμματοσειρές για το διαδίκτυο.Αυτή η υπηρεσία της Google μας επιτρέπει να χρησιμοποιούμε μέσα απο τον καταλογό της,προσαρμοσμένες γραμματοσειρές,χωρίς εγγραφή και φυσικά επειδή είναι απο την Google ιναι εντελώς δωρεάν για επαγγελματική και ιδιωτική χρήση.Έτσι και με αυτό τον τρόπο που θα σας δείξω το blog σας θα αποκτήσει για άλλη μια φορά το δικό σας προσωπικό στύλ.
ΔΙΑΔΙΚΑΣΙΑ
1.Πίνακας Ελέγχου►Σχεδίαση►Επεξεργασία HTML
2.Λήψη Πλήρους Προτύπου
3.Πηγαίνετε Google Font Directory
4.Στην Eπεξεργασία Html με την βοήθεια του ctrl_f ψάχνουμε το ακόλουθο....
....κάνουμε επικόλληση τον κωδικό της γραμματοσειράς που βρήκαμε στο μπλέ πλαίσιο αμέσως μετά το <head>
ΣΗΜΑΝΤΙΚΟ:Όταν κάνουμε επικόλληση τον κωδικό τοποθετούμε μια κάθετο ("/") πρίν το τέλος της ετικέτας (">") αυτού του κωδικού.Έτσι ο κωδικός μας θα είναι κάπως έτσι:
7.Αντικαθιστάτε το
Επομένως ο κωδικός απο έτσι▼
Αντικαθιστάτε το Your Text με την πρόταση ή λέξη ή κείμενο που θέλετε να τοποθετήσετε την γραμματοσειρά.
--Άν θέλετε να εμφανίζετε η γραμματοσειρά στον
για τους Τίτλους Αναρτήσεων ψάχνουμε..
ή
....και κάτω απο έναν απο τους 2 επικολλούμε τον παρακάτω κωδικό
ολόκληρος ο κωδικός θα είναι κάπως έτσι
τοποθετούμε τις ετικέτες { } όπως είναι παραπάνω.Στην θέση του Your Font Name βάζουμε το όνομα της γραμματοσειράς ακριβώς όπως στο βήμα 7.
Eναλακτικά ψάχνουμε τους παρακάτω κωδικούς για την θέση που θέλουμε να τοποθετήσουμε την γραμματοσειρά και ακολουθούμε την ίδια διαδικασία.
ΣΗΜΑΝΤΙΚΟ
►Κάθε φορά που θα επιλέγετε μια διαφορετική γραμματοσειρά για να καταλήξετε σε αυτή που σας αρέσει,πρέπει να αλλάζετε και να τοποθετείτε τον αντίστοιχο κωδικό της στο Βήμα 4 ώστε να εμφανίζεται σωστά.
►Άν θέλετε να βάλετε διαφορετικές γραμματοσειρές σε πολλά σημεία του blog σας τότε κάθε φορά θα τοποθετείτε και τον κωδικό της αντίστοιχης γραμμματοσειράς(Βλέπε Βήμα4)
ΑΝ ΣΑΣ ΑΡΕΣΕ ΤΟ ΑΡΘΡΟ BAΘΜΟΛΟΓΗΣΤΕ Ή ΑΦΗΣΤΕ ΤΟ ΣΧΟΛΙΟ ΣΑΣ!!!
ΔΙΑΔΙΚΑΣΙΑ
1.Πίνακας Ελέγχου►Σχεδίαση►Επεξεργασία HTML
2.Λήψη Πλήρους Προτύπου
3.Πηγαίνετε Google Font Directory
- Διαλέξτε την γραμματοσειρά που σας αρέσει
- Πατήστε Add to Collection
- Θα δείτε ακριβώς κάτω στο μπλέ πλαίσιο ότι προστέθηκε η γραμματοσειρά στην συλλογή σας
- Πατήστε Use και στην επομένη σελίδα θα σας εμφανιστεί αυτο το παράθυρο
<head>
ΣΗΜΑΝΤΙΚΟ:Όταν κάνουμε επικόλληση τον κωδικό τοποθετούμε μια κάθετο ("/") πρίν το τέλος της ετικέτας (">") αυτού του κωδικού.Έτσι ο κωδικός μας θα είναι κάπως έτσι:
<link href='http://fonts.googleapis.com/css?family=Tangerine'
rel='stylesheet' type='text/css'/>5.ΑΠΟΘΗΚΕΥΣΗ ΠΡΟΤΥΠΟΥ6.Σε αυτό το βήμα θα επιλέξετε που θέλετε να τοποθετήσετε την νέα γραμματοσειρά.--Άν θέλετε να την τοποθετήσετε σε μια συγκεκριμένη πρόταση μέσα σε κάποια αναρτησή σας τότε τοποθετείτε τον ακόλουθο κωδικό κατά την πληκτρολόγηση της ανάρτησης σαςόχι στην Σύνθεση αλλά στην Επεξεργασία html της ανάρτησης.Ο κωδικός είναι ο εξής: <div style="font-family: 'FontName', serif;">Your text</div>
'FontName', serif;" με το όνομα της γραμματοσειράς που επιλέξατε.Θα το βρείτε ακριβώς κάτω απο τον κωδικό
της γραμματοσειράς.
Στην εικόνα το font name είναι το 'IM Fell English SC',serif;Επομένως ο κωδικός απο έτσι▼
<div style="font-family: 'FontName', serif;">Your text</div>
θα είναι▼ <div style="font-family: 'IM Fell English SC',serif;">Your text</div>
Αντικαθιστάτε το Your Text με την πρόταση ή λέξη ή κείμενο που θέλετε να τοποθετήσετε την γραμματοσειρά.
--Άν θέλετε να εμφανίζετε η γραμματοσειρά στον
- Τίτλο του Blog σας
- Τίτλους Αναρτήσεων
- Στο κείμενο των αναρτήσεων
- Πλαϊνές Στήλες
για τους Τίτλους Αναρτήσεων ψάχνουμε..
.post h3
.post-title h3
font-family: 'Your Font Name';
.post h3 { font-family: 'Your Font Name'; }
Eναλακτικά ψάχνουμε τους παρακάτω κωδικούς για την θέση που θέλουμε να τοποθετήσουμε την γραμματοσειρά και ακολουθούμε την ίδια διαδικασία.
- Τίτλος του Blog σας: h1
- Τίτλοι Αναρτήσεων: .post h3 ή .post-title
- Κείμενο Αναρτήσεων: .post-body
- Πλαϊνές Στήλες: .sidebar h2
►Κάθε φορά που θα επιλέγετε μια διαφορετική γραμματοσειρά για να καταλήξετε σε αυτή που σας αρέσει,πρέπει να αλλάζετε και να τοποθετείτε τον αντίστοιχο κωδικό της στο Βήμα 4 ώστε να εμφανίζεται σωστά.
►Άν θέλετε να βάλετε διαφορετικές γραμματοσειρές σε πολλά σημεία του blog σας τότε κάθε φορά θα τοποθετείτε και τον κωδικό της αντίστοιχης γραμμματοσειράς(Βλέπε Βήμα4)
ΑΝ ΣΑΣ ΑΡΕΣΕ ΤΟ ΑΡΘΡΟ BAΘΜΟΛΟΓΗΣΤΕ Ή ΑΦΗΣΤΕ ΤΟ ΣΧΟΛΙΟ ΣΑΣ!!!
0 σχόλια: