ConSuPermiso - gana dinero desde casa

>

Testeando
Página de Test

Modificare il carattere del titolo dei post con Google Fonts

Il web fornisce un'infinità di Free Fonts per la personalizzazione dei blog, nella fattispecie Google mette a disposizione degli utenti una vera e propria libreria di caratteri. Per poterne usufruire è necessario seguire le istruzioni che seguono e modificare il layout con codici html, niente di complesso ma è preferibile effettuare un test sul "Blog di Prova" per evitare spiacevoli inconvenienti.
1) Collegarsi a Google Fonts.  
 
2) Selezionare il font che vi occorre. Nella lista i caratteri vengono visualizzati in anteprima, è possibile aggiungerne diversi e procedere successivamente alla scelta del più appropriato
 


 
3) Cliccare su Review. Apparirà l'anteprima dei font aggiunti alla collezione. Per eliminare quelli che non servono cliccare sulla "x" in alto a destra. Il consiglio è quello di limitare l'utilizzo di font speciali poichè appesantiscono il blog.


4) Cliccare su Use per generare i codici. 
 

5) Collegarsi a Blogger ed effettuare un backup (Modello --> Backup/Ripristino).

6) Cliccare su Modello --> Modifica Html

Cercare la stringa <head> e, subito dopo, incollare il primo codice 

 
Nota: inserire lo slash / alla fine del codice, altrimenti vi darà errore in fase di salvataggio.

<link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'/>
Salvare il modello e tornare alla bacheca di Blogger.
 
7) Cliccare su Modello --> Personalizza --> Avanzato --> Aggiungi CSS
 
Copiare il secondo codice (es. font-family: 'Poiret One', cursive; )e sostituire la parte evidenziata:
 
 
 
h3.post-title a {
font-family: 'Poiret One', cursive;
font-weight: 400;
font-size: 30px;
}

 
Una volta modificato, copiare ed incollare il CSS (vedi sotto).
 

 
Il codice può essere personalizzato. Aumentando o diminuendo il valore font-size, ad esempio, è possibile modificare le dimensioni del carattere.
 
Si può, inoltre, intervenire sull'aspetto di altri elementi del blog modificando il codice appena utilizzato:

h3.post-title a {
font-family: 'Poiret One', cursive;
font-weight: 400;
font-size: 30px;
}
 
Sarà sufficiente sostituire h3.post-title a con: 

 
.header h1 per modificare il titolo del Blog;

.main-inner h2.date-header per modificare la data dei post;

body per modificare il carattere dell'intera pagina.

http://www.afiliacioncentral.com/scripts/9hmcy59?a_aid=5ba644ee2ebd5&a_bid=1daf8c99&www.afiliacioncentral.com=https%3A%2F%2Fblog-di-prova.es.tl