[Tutorial] Personalizar entrada #1 [100% mío]

Heeeey♥ Que tal están~? Hoy os traigo un tutorial para personalizar una entrada para que quede así~

VISTA PREVIA

¿La quieres en tu blog? Pues en esta entrada te enseñare a ponerla~ :D
1- Vamos a Plantilla > Editar HTML > Y buscamos [Ctrl + F] .date-outer { > Eliminamos la parte marcada en la imagen:

Y la sustituimos por esto:

border-left: 4px solid #f886a8;  */Color del borde derecho/*

border-right: 4px solid #f886a8;   */Color del borde izquierdo/*

border-bottom: 1px dotted #f886a8;  */Color del borde inferior/*
border-top: 1px dotted #f886a8;  */Color del borde superior/*

2- Ahora guardamos y vamos a Diseño > Avanzado > Añadir CSS, y ponemos este código:

h3.post-title {

text-align: center;

margin-top: 10px;

background: #ffc4d4; */Color de fondo/*

text-transform: uppercase;

border: 1px dotted #f886a8; */Color del borde/*

border-radius: 10px;

Color: #f886a8; */Color de la letra/*

text-shadow: 1px 1px #fff;

padding: 2px 2px;

-webkit-transition-duration: .50s;

}

h3.post-title:hover {

text-align: center;

margin-top: 10px;

background: #fff; */Color de fondo/*

border: 2px solid #f886a8; */Color del borde/*

border-radius: 5px;

Color: #f886a8; */Color de la letra/*

text-transform: uppercase;

text-shadow: 1px 1px #fff;

padding: 2px 2px;

-webkit-transition-duration: .50s;

}

Y guardas! >w< Fácil verdad? Si teneis algún problema no dudeis en preguntarme o enviarme un email (Kyaru9@gmail.com)!
Si lo usais o comparten poned créditos si? QwO
Bye bye♥