Seguimos con los tutoriales y es que quiero que les quede chulisimo su Blog, pero hoy habrá dos tutos, sip dos, pero no te preocupes te aseguro que son rápidos y fácil, pero harán lucir a tu Blog mas guapo, hoy solo tocaremos el CSS, así que vamos !
Quieres aprender algunas otras cositas, checa estos tutoriales.
Vamos a aprender como darle estilo con imágenes a nuestros Títulos de entrada, Como es eso??
Cuando hacemos una entrada nos aparece el titulo con la Tipografía y el Color que hemos elegido, correcto?
Si se mira chulo y demás, pero yo quiero algo mas.... Algo que haga resaltar cada entrada, tu también lo quieres?
Bien vamos a aprender a hacer algo mas que eso.
En la imagen de abajo veremos como aparece nuestras entradas....Solo con Titulo, verdad !
Ya con nuestro código CSS así es como aparecerán nuestras entradas desde ahora.
↑↑En esta imagen he colocado un fondo el cual se aplicara en la parte trasera del Titulo. ↑↑
↑↑En esta imagen he colocado una pequeña imagen del lado izquierdo del Titulo. ↑↑
Si te gustan estas imágenes puedes copiar el URL de cada una de ellas o bien descargarlas a tu ordenador.
NOTA:estas imágenes son con fondo blanco, puedes hacerlas PNG con fondo transparente para que queden mejor con tu Blog.
Empecemos con la imagen de Fondo, vamos a Platilla> Personalizar> Opciones Avanzadas>Agregar CSS
background-image:url("URL de tu imagen");
Si quieres poner una imagen al lado del titulo, esto es lo que tienes que agregar al CSS
La Parte Amarilla Es donde ira pegada la URL de tu imagen.
La parte Morada , verde y Roja determinar los valores que puedes cambiar para ajustar la imagen.
Y listo es todo, te lo dije TODO super sencillo, verdad !
Cuéntame si planeas cambiar tu títulos de entradas por algo mas chachi !
Puzzle Bobble
Karate Blazers
Puzzle De Bloques
Magical Cat Adventure