Hola gente, En esta ocasión les voy a enseñar a como cambiar la fuente de letra del titulo de las entradas de nuestro  blog, Así como la fuente de este blog, Si ven el titulo esta con una fuente que me gusto mucho, Para los que no se den cuenta aquí les dejo una captura.
Pues bien Para esto no es necesario descargar nada, Solo con unos simple copiar y pegar y clics queda listo.

  • Entramos a google fonts.
  • Aquí ya es cosa suya de elegir una fuente para su blog.
  • Cuando encuentren la fuente que les gusten asen clic donde les señalo en la imagen.
  • Una vez que le den clic los llevara a una pagina, Pero algunos se preguntaran que significa el siguiente medidor que parecer al lado de la pagina.
  • Eso significa lo que la fuente usa en recursos o en tiempo de carga, Creo que eso esta medido en mili segundos o algo asi, Si el % es menor la fuente ocupare menos recursos.
  • Bien seguimos bajan hasta que vean algo así.
  • Bien esto lo dejamos aparte, No vamos a nuestro blog.
  • Plantilla->HTML.
  • En la consola de html de blogger apretamos CTRL+F, Pero antes de apretar eso hacen clic adentro del editor de blogger,
  • En ese cuadro de búsqueda pequeño que les salio escriben.
  • <head>.
  • Ahora le dan entre y les dará un resultado mas o menos igual a el siguiente.
  • Ahora no vamos a google fonts o copian la siguiente linea.
  • Lo pegan en el editor de blogger antes del <head>, De manera que queda algo así.
  • Pero si lo guardamos nos dara error, Lo que aremos es lo siguiente.
  • Al link le agregamos / antes de > de manera que quede así.
  <link href='http://fonts.googleapis.com/css?family=Sofadi+One' rel='stylesheet' type='text/css'/>

  • Ahora en el cuadro de búsqueda buscamos.
  • .post h3.
  • Bien aquí hay algo peculiar, No todos los blog usan el H3.
  • Como el mio usa el h2.
  • Para saber cual es el h de mi blog, No vamos a cualquier entra de nuestro blog.
  • Y En el titulo apretamos clic derecho y luego en inspeccionar elemento.
  • Como ven una linea antes de la que tiene el titulo de la entrada esta el h, De seguro los que saben de html dirán porque la letra no es grande y el h1 es grande, Y Pues el tamaño esta definido por otro código.
  • Bien ps en mi caso sera.
  • .post h1
  • Ahora otra cosa puede que les salgan varios contenidos diferentes con su h asi como ami.
  • Pues bien para ver cual es el correcto se ase una prueba si no es con uno es con el otro.
  • Nos vamos a google fonts y copiamos la sigiente linea.
  • Y lo pegan en su h antes de que se cierre la llave }.
  • Le dan en guardar y van a ver si la fuente cambio, Les recuero que esto es la fuente que sale cuando estas adentro de los posts no en la pagina principal.
  • Recuerden que si tienen varios .post h1 prueben con 1 primero y si con ese no surgen los cambios intente con el otro.
  • La pregunta que se aran es que con esos otros códigos o etiquetas.
  • Pues bien son las etiquetas que depende de ese estilo.
  • Es decir los titulo que tenga h2 se guían con la fuente de letra que esta dentro de las llaves.

0 comentarios:

Publicar un comentario

 
Arriba