【Tutoriales】Personaliza el gadget de "Entradas populares"

Hola a todos y bienvenidos a una nueva entrada :3 Bueno, hoy os traigo un tutorial de como personalizar la entrada del gadget "Entradas Populares". La verdad es que el que viene por defecto en blogger nunca me gustó y estaba harta de no ponerlo porque era demasiado feo :c Pero todo eso cambio desde que encontré este maravilloso tutorial (créditos) para hacer que se vea súper bonito :3

Os dejo por aquí un ejemplo de como quedará:

Bien, para ello lo primero que tenemos que hacer es añadir un gadget de "Popular post" y editarlo de tal manera:

Bien, una vez añadido este gadget, nos vamos a...

Editar Plantilla > Control + F > Y buscamos lo siguiente:

]]></b:skin>

Una vez que nos lleve a este código, pegamos justo antes del mismo lo siguiente:

/* Entradas Populares Sidebar

--------------------------------- */

#PopularPosts1 {

border: 1px solid #8FE1D8;

padding: 5px;

background: #ffffff;

}

#PopularPosts1 ul li img{

border: 1px solid #8FE1D8;

border-radius: 100px;

}

#PopularPosts1 ul li img:hover{

filter:alpha(opacity=60);

opacity:.6;

}

#PopularPosts1 .item-title a{

text-transform: uppercase;

font-family: 'Neucha', Neucha;

font-size: 15px;

color: #8FE1D8

}

He subrayado los colores que podéis cambiar a vuestro gusto, podéis ir a esta página que te dice los códigos de los colores (Click aquí)

Y nada más por mi parte, espero que os haya gustado mucho esta entrada y que os haya servido de utilidad. n_n ¡Adiós!