Entradas

Mostrando entradas de julio, 2016

Tutorial:Personaliza el titulo de las entradas de Blogger

¡Hola amig@s!Hoy os traemos un tutorial para que personalicéis vuestros títulos de las entradas,asi que vamos por pasos: Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla( Plantilla→Crear/Restablecer copia de seguridad ) por si las moscas,después  vamos a Plantilla → Personalizar → Avanzado  →  Añadir CSS , y pegamos el siguiente código: h3.post-title{ color: #000000 ; font-family: ‘ Amatic SC ’; border-bottom:  2px solid  #ff69b4 ; font-size: 20px ; text-align: center ; } EXPLICACIÓN DEL CÓDIGO 1.Lo que esta en rojo seria el color del texto,podéis poner el que queráis,os recomendamos esta página donde encontrareis los códigos:   http://www.colorhexa.com/ 2.Lo que esta en rosa seria la fuente (letra) del texto,también podéis poner la que mas os guste una vez la tengáis instalada en vuestro blog desde google fonts siguiendo este tutorial anterior: Cómo personaliza las fuentes de nuestro blog con Google Fonts 3.Lo qu

Tutorial:Cómo personaliza las fuentes de nuestro blog con Google Fonts

Imagen
¡Hola amig@s!En el tutorial de hoy vamos ha hablar sobre como cambiar las fuentes de nuestro blog,usando la pagina Web de Google Fonts ,para darle un aspecto personal y más bonito a nuestro blog. Google Fonts dispone de un montón de fuentes gratuitas para tu blog,más de 800,así que empecemos: 1.Entramos en la pagina de Google Fonts y elegim la tipografía que más nos guste, y entonces hacemos click sobre el botón rosa  ,situado arriba de cada letra. 2. Después le damos a un cartel que aparecerá debajo de página que dice "Family select":  Y se nos desplegara la siguiente ventana: Y  de ahi copiaremos los dos códigos que están subrayados en gris claro en un blog de notas para después añadirlos a nuestro blog. 3.Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla (Plantilla→Crear/Restablecer copia de seguridad). 4.Entramos en → plantilla → Editar Html y buscamos (Pulsando Ctrl+F) : <head> y pegamos justo debajo