Hola , que tal están?
Como
dice en la imagen, vamos aprender como
instalar una nueva fuente en nuestro blog y a utilizarla en los títulos de las
entradas, ya sé que Blogger cuenta con
una cantidad considerable de fuentes predeterminadas, pero con esta herramienta
vamos a encontrar muchas más y muy bonitas!!. Acá abajo les dejo el link:
1. vamos a google fonts y seleccionamos el tipo de letra que queremos
2. damos click en el nombre de la tipografía
Ahora
nos aparecerá algo como esto:
3. hacendo
click en selec this Font , nos saldrá esta ventana:
click en selec this Font , nos saldrá esta ventana:
El
primer código código, nos servirá para instalar el tipo de letra y el segundo
para utilizarla, ya sea en el titulo de nuestros posts , el títulos de los gadgets
etc.
Instalación:
1. vamos a nuestra plantilla HTML
2. buscamos </head> (para abrir el
buscador interno, pinchas en cualquier punto de la plantilla y clickeas simultáneamente
Ctrl + F)
3. Pegamos el primer código justo encima de </head>
Importante:
antes de pegar este código se le debe de agregar una barra así
( / ) justo
al final, antes de > ,así:
Si
no lo haces, no funcionará.
y guardamos ...
Listo
ya tenemos la fuente instalada!
Ahora
, aprovechando que estamos en la pantallita vamos con el título de las entradas:
Volvemos
a Google Fonts para copiar el segundo código en la parte del CSS de nuestro blog.
El
código que vamos a usar para personalizar la letra de nuestra entrada es:
.post h3 {
(aqui
el código copiado de Google Fonts)
font-size:
25px;
}
En
la parte roja colocas el segundo código de Google Fonts, en mi caso:
Y en la parte verde, el número antes de px, que indica el tamaño de la letra.
Una
vez modificado nuestro código, lo pegamos en nuestra plantilla HTML. Justo
antes de ]]></b:skin>, como en la siguiente imagen:
Cuando la tengamos instalada en el Blog, en Vista Previa, podemos ir viendo que tamaño queda mejor.
¡Y éste es el resultado!
Qué les parece , no es super fácil? ,y puedes tener hasta 4 tipos diferentes de tipografías que puedes usar a tu antojo!.. solo hay que tener paciencia y cuidado al momento de editar y copiar los códigos...
esto es todo por ahora, espero que el tutorial les sirva, cualquier duda o recomendación no duden dejármelo en los comentarios ... hasta el próximo post , nos vemos!!
No hay comentarios.:
Publicar un comentario