Δευτέρα, 30 Απριλίου 2012

0 ΠΩΣ ΝΑ ΒΑΛΕΤΕ ΠΡΟΣΑΡΜΟΣΜΕΝΕΣ ΓΡΑΜΜΑΤΟΣΕΙΡΕΣ ΤΟΥ GOOGLE ΓΙΑ ΤΟ BLOGGER

Σ'αυτή την ανάρτηση θα σας δείξω πώς θα αλλάξουμε τις συνηθισμένες και απλές γραμματοσειρές του Blogger που χρησιμοποιούμε όλοι.Με την νέα της υπηρεσία η Google"Making Τhe Web Beautiful"λανσάρει νέες γραμματοσειρές για το διαδίκτυο.Αυτή η υπηρεσία της Google μας επιτρέπει να χρησιμοποιούμε μέσα απο τον καταλογό της,προσαρμοσμένες γραμματοσειρές,χωρίς εγγραφή και φυσικά επειδή είναι απο την Google ιναι εντελώς δωρεάν για επαγγελματική και ιδιωτική χρήση.Έτσι και με αυτό τον τρόπο που θα σας δείξω το blog σας θα αποκτήσει για άλλη μια φορά το δικό σας προσωπικό στύλ.
ΔΙΑΔΙΚΑΣΙΑ
1.Πίνακας Ελέγχου►Σχεδίαση►Επεξεργασία HTML
2.Λήψη Πλήρους Προτύπου
3.Πηγαίνετε Google Font Directory
  • Διαλέξτε την γραμματοσειρά που σας αρέσει
  • Πατήστε Add to Collection
  • Θα δείτε ακριβώς κάτω στο μπλέ πλαίσιο ότι προστέθηκε η γραμματοσειρά στην συλλογή σας
  • Πατήστε Use και στην επομένη σελίδα θα σας εμφανιστεί αυτο το παράθυρο
 4.Στην Eπεξεργασία Html με την βοήθεια του ctrl_f ψάχνουμε το ακόλουθο....
<head>
....κάνουμε επικόλληση τον κωδικό της γραμματοσειράς που βρήκαμε  στο μπλέ πλαίσιο αμέσως μετά το <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>
 
7.Αντικαθιστάτε το
'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 σας
  • Τίτλους Αναρτήσεων
  • Στο κείμενο των αναρτήσεων
  • Πλαϊνές Στήλες
τότε πρέπει να πάμε Σχεδίαση ►Επεξεργασία Html
για τους Τίτλους Αναρτήσεων ψάχνουμε..


.post h3
     ή
.post-title h3
....και κάτω απο έναν απο τους 2 επικολλούμε τον παρακάτω κωδικό
font-family: 'Your Font Name';
ολόκληρος ο κωδικός θα είναι κάπως έτσι
.post h3 {
font-family: 'Your Font Name';
}
τοποθετούμε τις ετικέτες { } όπως είναι παραπάνω.Στην θέση του Your Font Name βάζουμε το όνομα της γραμματοσειράς ακριβώς όπως στο βήμα 7.
Eναλακτικά ψάχνουμε τους παρακάτω κωδικούς για την θέση που θέλουμε να τοποθετήσουμε την γραμματοσειρά και ακολουθούμε την ίδια διαδικασία.
  • Τίτλος του Blog σας: h1
  • Τίτλοι Αναρτήσεων: .post h3 ή .post-title
  • Κείμενο Αναρτήσεων: .post-body
  • Πλαϊνές Στήλες: .sidebar h2
                                                ΣΗΜΑΝΤΙΚΟ
►Κάθε φορά που θα επιλέγετε μια διαφορετική γραμματοσειρά για να καταλήξετε σε αυτή που σας αρέσει,πρέπει να αλλάζετε και να τοποθετείτε τον αντίστοιχο κωδικό της στο Βήμα 4 ώστε να εμφανίζεται σωστά.
►Άν θέλετε να βάλετε διαφορετικές γραμματοσειρές σε πολλά σημεία του blog σας τότε κάθε φορά θα τοποθετείτε και τον κωδικό της αντίστοιχης γραμμματοσειράς(Βλέπε Βήμα4)



ΑΝ ΣΑΣ ΑΡΕΣΕ ΤΟ ΑΡΘΡΟ BAΘΜΟΛΟΓΗΣΤΕ Ή ΑΦΗΣΤΕ ΤΟ ΣΧΟΛΙΟ ΣΑΣ!!!

0 σχόλια:

Αναγνώστες

ShareThis

Για να λαμβάνετε όλες τις ενημερώσεις μέσω Facebook.Απλά κάντε κλίκ στο like button και γίνετε μέλη

Powered By | Useful Gadgets

 

Powered By Software Review