Πως να άλλαξω γραμματοσειρά στις αναρτήσεις και στο blog

OK εχω μια ερωτησουλα.
πως γινεται σε μια αναρτηση, να αλλαξω τη γραμματοσειρα σε καποια περιεργη, απο αυτες που δεν εχει στις επιλογες του Blogger. ας πουμε καποια πιο καλλιγραφικη ...??

γινεται ναι ..απο την επεξεργασια Html
θα ετοιμασω σχετικη αναρτηση για αυτο μεσα στο σκ
ισως και σημερα το βραδυ

skouliki έγραψε:γινεται ναι ..απο την επεξεργασια Html
θα ετοιμασω σχετικη αναρτηση για αυτο μεσα στο σκ
ισως και σημερα το βραδυ

.

Καταρχιν για να αλλάξεις την γραμματοσειρα σε όλο το Blog σου και στις αναρτησεις πας στην επεξεγασια html

βρισκεις με ctrl + F  το σημειο που ΄λεει

Κώδικας:

.post {
  margin:.3em 0 25px;
  padding:0 13px;
  border:1px dotted $borderColor;
  border-width:1px 0;
}

και προσθέτεις αυτο

Κώδικας:

 font-family:"Times New Roman",Georgia,Serif;

και γινεται ετσι

Κώδικας:

.post {
  margin:.3em 0 25px;
  padding:0 13px;
  border:1px dotted $borderColor;
  border-width:1px 0;
font-family:"Times New Roman",Georgia,Serif;
}

για να καταλαβεις τι καναμε τωρα ... προσθεσαμε 3 κλασσικές γραμματοσειρές..η πρωτη ειναι η αρχικη μας Times New Roman την οποια της βάλαμε σε ".."
και οποιος δεν μπορει απο το πισι του να την διαβάσει για χ λογους αυτόματα θα πηγαινει στην δευτερη επιλογή που ειναι η georgia και παει λέγοντας

τώρα αν εσύ θέλεις να βάλεις κάποια γραμματοσειρά που δεν την παρέχει ο blogger  θα πρεπει αρχικα να την κατεβάσεις download στο πισι σου ωστε να μπορεις να την διαβαζεις ... μερικες θα βρεις εδω http://font-styles.com/calligraphy-fonts.html και εδω http://www.urbanfonts.com/
οπου σου λεει για ποια windows ειναι και αν πατησεις πανω τις κατεβαζεις... μετα θα βαλεις οποια θες στην θεση της Times New Roman ..

ΑΛΛΑ αν οι επισκεπτες σου ΔΕΝ εχουν install  στο πισι τους την συγκεκριμμενη γραμματειρα ΔΕΝ θα μπορουν να δουν το blog  σου με
καλλιγραφικη γραμματοσειρα αλλα με την αμεσως επομενη επιλογη που θα εχεις δηλώσει δηλαδη μια κλασσική του στυλ georgia

Για αυτο παντα βαζουμε 2,3 και πιο πολλες γραμματοσειρες στον παραπανω κωδικο και οχι μια ...

-----------------

Μια άλλη λύση λίγο πιο εύκολη και ανωδυνη χωρις να χρειαζεται να πειραξεις κατι

είναι να βάλεις απο διαταξη - προσθήκη gadget html
με ενα απλο copy τους παρακάτω κωδικους και αυτόματα θα αλλαξει ολη η εμφανιση της σελίδας σου

1.  Style 1

Κώδικας:

<style type="text/css">table, tr, td, li, p, div {font-family:Harrington; color:000000; font-size:16px;}.btext {font-family:Harrington; color:000000; font-size:16px;}.blacktext10 {font-family:Harrington; color:000000; font-size:16px;}.blacktext12 {font-family:Harrington; color:000000; font-size:16px;}.lightbluetext8 {font-family:Harrington; color:000000; font-size:16px;}.orangetext15 {font-family:Harrington; color:000000; font-size:16px;}.redtext {font-family:Harrington; color:000000; font-size:16px;}.redbtext {font-family:Harrington; color:000000; font-size:16px;}.text {font-family:Harrington; color:000000; font-size:16px;}.whitetext12 {font-family:Harrington; color:000000; font-size:16px;}a:active, a:visited, a:link {font-family:Harrington; color:000000; font-size:16px;}a:hover {font-family:Harrington; color:000000; font-size:16px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Harrington; color:000000; font-size:16px;}a.navbar:hover {font-family:Harrington; color:000000; font-size:16px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Harrington; color:000000; font-size:16px;}a.redlink:hover {font-family:Harrington; color:000000; font-size:16px;}.nametext {font-family:Harrington; color:000000; font-size:16px;}</style><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="httphttp://thecutestblogontheblock.com/" /><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.2NXC/bT*xJmx*PTEyMjU2NTg2NTExOTYmcHQ9MTIyNTY1ODY1NDY4MCZwPTM5MDEmZD1mbGFzaHRveXMmZz*xJnQ9Jm89MTNhNmIxNTg2ZjI4NDAwZDk4NGM4OTU1NTgyZmEwNTE=.gif" />

2. Style 2

Κώδικας:

<style type="text/css">table, tr, td, li, p, div {font-family:Lucida Handwriting; color:000000; font-size:13px;}.btext {font-family:Lucida Handwriting; color:000000; font-size:13px;}.blacktext10 {font-family:Lucida Handwriting; color:000000; font-size:13px;}.blacktext12 {font-family:Lucida Handwriting; color:000000; font-size:13px;}.lightbluetext8 {font-family:Lucida Handwriting; color:000000; font-size:13px;}.orangetext15 {font-family:Lucida Handwriting; color:000000; font-size:13px;}.redtext {font-family:Lucida Handwriting; color:000000; font-size:13px;}.redbtext {font-family:Lucida Handwriting; color:000000; font-size:13px;}.text {font-family:Lucida Handwriting; color:000000; font-size:13px;}.whitetext12 {font-family:Lucida Handwriting; color:000000; font-size:13px;}a:active, a:visited, a:link {font-family:Lucida Handwriting; color:000000; font-size:13px;}a:hover {font-family:Lucida Handwriting; color:000000; font-size:13px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Lucida Handwriting; color:000000; font-size:13px;}a.navbar:hover {font-family:Lucida Handwriting; color:000000; font-size:13px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Lucida Handwriting; color:000000; font-size:13px;}a.redlink:hover {font-family:Lucida Handwriting; color:000000; font-size:13px;}.nametext {font-family:Lucida Handwriting; color:000000; font-size:13px;}</style><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="/" /><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.2NXC/bT*xJmx*PTEyMjU2NTgzNzI*NDYmcHQ9MTIyNTY1ODM3ODM4NCZwPTM5MDEmZD1mbGFzaHRveXMmZz*xJnQ9Jm89MTNhNmIxNTg2ZjI4NDAwZDk4NGM4OTU1NTgyZmEwNTE=.gif" />

3. Style 3

Κώδικας:

<style type="text/css">table, tr, td, li, p, div {font-family:Papyrus; color:000000; font-size:15px;}.btext {font-family:Papyrus; color:000000; font-size:15px;}.blacktext10 {font-family:Papyrus; color:000000; font-size:15px;}.blacktext12 {font-family:Papyrus; color:000000; font-size:15px;}.lightbluetext8 {font-family:Papyrus; color:000000; font-size:15px;}.orangetext15 {font-family:Papyrus; color:000000; font-size:15px;}.redtext {font-family:Papyrus; color:000000; font-size:15px;}.redbtext {font-family:Papyrus; color:000000; font-size:15px;}.text {font-family:Papyrus; color:000000; font-size:15px;}.whitetext12 {font-family:Papyrus; color:000000; font-size:15px;}a:active, a:visited, a:link {font-family:Papyrus; color:000000; font-size:15px;}a:hover {font-family:Papyrus; color:000000; font-size:15px;}a.navbar:active, a.navbar:visited, a.navbar:link {font-family:Papyrus; color:000000; font-size:15px;}a.navbar:hover {font-family:Papyrus; color:000000; font-size:15px;}a.redlink:active, a.redlink:visited, a.redlink:link {font-family:Papyrus; color:000000; font-size:15px;}a.redlink:hover {font-family:Papyrus; color:000000; font-size:15px;}.nametext {font-family:Papyrus; color:000000; font-size:15px;}</style><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="/" /><img style="visibility:hidden;width:0px;height:0px;" mce_style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.2NXC/bT*xJmx*PTEyMjU2NTgyMDg4OTkmcHQ9MTIyNTY1ODIxNTk2MiZwPTM5MDEmZD1mbGFzaHRveXMmZz*xJnQ9Jm89MTNhNmIxNTg2ZjI4NDAwZDk4NGM4OTU1NTgyZmEwNTE=.gif" />

αν καταργησεις μετα το gadget επανερχεται στην αρχικη του μορφη εμφανισιακα το blog
* οι αλλαγες γίνονται μονο οπου υπαρχουν αγγλικά ..στους ελληνικους χαρακτηρες δεν το δεχεται


και παλι να ξερεις οτι αν εχεις καποιο template πχ οχι απο τα ετοιμα μπορει να εχει απο την "μανα" του καθορισμενη μια γραμματοσειρα και να θελει αλλες τροποποιησεις ...
ισως οι αλλαγες να σου εφαρμοστουν μονο στις πλαϊνες στηλες και οχι στο κυριο κορμο του blog  οπου και
αυτο εξαρταται απο το προτυπο που χρησιμοποιεις οποτε και παλι το κοιταμε ανα πριπτωση κτλ κτλ

απλα εγω σου δινω μια γενικη εικονα για να καταλάβεις περιπου τι μπορουμε να κάνουμε σε γενικες γραμμες

ελπίζω να μην σε μπερδεψα

πολυ χρησιμο, θα το τεσταρω! θενξ

επειδη αντιμετωπιζω γενικο προβλημα τελικα με ολο αυτο να ρωτησω κατι αλλο?
ας πουμε σε μια αναρτηση, να ειναι ολη με την κανονικη γραμματοσειρα, και μια φραση.... πως γινετε π.χ να ειναι italics ή bold να ειναι καλλιγραφικη... αυτο γινεται, με καποια προσθηκη html μεσα στο κουτακι που φτιαχνουμε την αναρτηση? η πρεπει να γινει ολο?

δεν νομιζω να υπαρχει πιο ευκολος τροπος για να εισαγεις γραμματοσειρα εκτος συμβατοτητας με blogger
πιο ευκολο θα ηταν να ειναι ο τιτλος με αλλα γραμματα πχ παρα το κυριο σωμα της αναρτησης

να ψαξω λιγο μηπως βρω καμια λυση περαιτερω ομως

μπορεις να μου δωσεις την γραμματοσειρα που θες να ενταξεις?

τι προβλημα εχεις?

δεν μπορω να κατεβασω απο το λινκ που ποσταρες και εκει με τους κωδικους τα εμπλεξα στο blog και τωρα ειναι διαφορετικη γραμματοσειρα οι τιτλοι, διαφορετικη στα πλαγια και διαφορετικη στις ιδιες τις αναρτησεις... Την Harrington θελω....

οποια γραμματοσειρα θες πατας πανω της και σε βγαζει στο λινκ για κατεβασμα
λεει download

εμενα παιζει μια χαρα

αν καταργησεις μετα το gadget επανερχεται στην αρχικη του μορφη
εμφανισιακα το blog

οχι εννοω παταω το download και... ερορ... κατι τετοιο τελοσπαντων, οκ θα δοκιμασω και αλλιως μαλλον κατι κανω λαθος

http://www.urbanfonts.com/

εδω?

skouliki έγραψε:δεν νομιζω να υπαρχει πιο ευκολος τροπος για να εισαγεις γραμματοσειρα εκτος συμβατοτητας με blogger
πιο ευκολο θα ηταν να ειναι ο τιτλος με αλλα γραμματα πχ παρα το κυριο σωμα της αναρτησης

να ψαξω λιγο μηπως βρω καμια λυση περαιτερω ομως

μπορεις να μου δωσεις την γραμματοσειρα που θες να ενταξεις?

τι προβλημα εχεις?

να ρωτησω κ εγω κατιιιι...
δηλαδη αν θελουμε να αλλαξουμε μονο τον τιτλο της αναρτησης μας...πως το κανουμε?! α!!!κ θα ειναι ετσι μετα ο τιτλος καθε αναρτησης ή θα πρεπει καθε φορα να τον αλλαζουμε ξεχωριστα???

οτι αλλαγη κανεις στον τιτλο της αναρτησης ..πχ γραμματοσειρα, μεγεθος, χρωμα κτλ κτλ
απο την επεξεργασια html αυτη η αλλαγη θα γινει αυτοματα σε ολες τις αναρτησεις

* οι αλλαγες στην γραμματοσειρα που δεν ειναι συμβατη με τον Blogger γίνονται μονο οπου υπαρχουν αγγλικά ..στους ελληνικους χαρακτηρες δεν το δεχεται

skouliki έγραψε:http://www.urbanfonts.com/

εδω?

Εδω μια χαρα κατεβαινουν οι γραμματοσειρές δεν αντιμετωπίζω κανένα πρόβλημα. Εχω όμως κι άλλες απορίες. Το να τις κατεβάσεις τις γραμματοσειρές και να τις κάνεις extract όπου κατεβαίνουν τελοσπάντων, αυτό είναι το σωστό?
επίσης: στο δικό μου τεμπλέητ επειδή έβαλα καινούρια δεν δουλεύει και πάλι... άρα μήπως αυτό γίνεται μόνο στα κλασσικά του blogger?

Το κατάφερα!!! ΟΛΑ ΚΑΛΑ!

StrangeLittleGirl έγραψε:Το κατάφερα!!! ΟΛΑ ΚΑΛΑ!

edit: οχι δεν τα καταφερα....

κοιτα οταν εχουμε να κανουμε με μη blogger προτυπα ... δεν ξερω τι ειναι δηλωμενο σε καθε σημειο απο τον δημιουργο του
template στον κωδικο
δηλαδη οπου γενικα εχει font header, post font κτλ εχει δηλωσει μια γραμματοσειρα και ενα μεγεθος
ισως να πρεπει χειροκινητα να τα αλλαξεις

η παραπανω διαδικασια ειναι κυριως για τα προτυπα τα ετοιμα του blogger τωρα εννοειται σε καθε διαφορετικο template
θα συνανταμε και κατι αλλο ειναι λογικο...
αν δεν δω τον κωδικο html σου δεν μπορω να σου δωσω αλλες γενικες πληροφοριες ..διοτι οτι και να αποκλειω ή να σου λεω να κανεις
θα ειναι στα τυφλα ...

edit επισης παρατηρησα οτι οι αλλαγες γίνονται μονο οπου υπαρχουν αγγλικά (για γραμματοσειρα μη συμβατη) ..στους ελληνικους χαρακτηρες δεν το δεχεται

στειλε μου στο μαιλ μου το κωδικο σου ..ολο ..να δω λιγο τι παιζει....και μην ξεχνας να παιρνεις μπακ απ γενικα[u]