sábado, 21 de abril de 2012

Personaliza gadget de Entradas populares



En esta ocasión les enseñare como agregarle estilo al gadget de  Entradas populares con css,
lo único que tenemos que hacer es:


 Ve a la Edicion HTML de tu blog y antes de ]]></b:skin> y pega lo siguiente:

popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: transparent
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Kruk_lcKA4tVqmJ0dnnDzQAc67QUu_aaNirTNxStIn74Wt9ALLn9NIipin1GPZ7dBiFSdWA-yIiaNtF2RIy8i-C7Xta5kACr7oSOXh1Ysud6-08yxFa_1L6u-lrZsiSz83r4ghqk3Lo/s400/261.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;/* radio del borde */
-moz-border-radius:10px;/* radio del borde */
-webkit-border-radius:10px;/*  radio del borde  */
}
.popular-posts ul li:hover {
border:1px solid #ff9900;/* color de borde al pasar en cursor */
}
.popular-posts ul li a:hover {
text-decoration:none;
}

No hay comentarios:

Publicar un comentario

Descripcion en imagenes con efecto deslizante usando css

Una forma de agregarle mas estilo a nuestras imágenes y hacer que nuestro blogs sea mas profesional, es poniendo una pequeña descripc...