Después del intento de secuestrar mi blog, estoy de vuelta y con aliados / Almeriense Online / Mi Amada Soledad

miércoles, febrero 08, 2012

Entradas populares en horizontal


Uno de los gadgets mas utilizados en blogger es sin duda el gadget de "Entradas populares". Pero a este podemos cambiarlo de aspecto con un pequeño código, de esta forma lo podrás colocar debajo de la cabecera, a lo largo, debajo del bloque de las entradas o incluso arrastrarlo al footer para presentar los "Post popular" al final de la página.

Lo primero que haremos será ir a editar nuestra plantilla en HTML, ahí daremos la medida máxima del gadget que debe coincidir con la largura de #outer-wrapper, buscamos su medida (Ejem. width: 980px) y la definimos colocando el siguiente código antes de ]]></b:skin>

#content-wrapper{margin: 0 auto; width: 990px}


El valor 990 debe ser cambiado por la largura de #outer-wrapper


Una vez redimensionado pegamos a continuación de lo anterior y también encima de ]]></b:skin> este otro código:



#crosscol-wrapper{margin: 0 auto; padding: 0px}
#PopularPosts1{width: 100%; margin: 0px auto; padding: 5px 0px} /*define que o widget ocupe 100% de largura */
#PopularPosts1 h2{font-size:18px;text-align:left; border-bottom: 1px dotted #fff} /*estilo para o título do widget */
.PopularPosts .widget-content{float:left;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.PopularPosts .widget-content ul {margin: 0px auto;padding: 0px 0px;width: 100%; list-style:none; } /* estilo para a lista de posts */
.PopularPosts .widget-content li {margin: 0px 6px 10px 6px;width: 182px;padding: 0px;height: 180px; overflow:hidden;list-style:none; float:left; border: 1px solid #fff;} /*estilo para cada item da lista. Altere os valores de width, height, border, etc, para que se encaixem na largura total. */
.item-content{font-size: 12px; text-align:left; padding: 5px 10px} /* estilo para o resumo do post */
.PopularPosts img{margin: 0px 0px;padding: 4px; background: #fff; float:right} /*estilo para a imagem */
.PopularPosts .item-title{line-height:1.3em} /* estilo para o titulo de cada post */


Guarda los cambios y en diseño arrastras el gadget donde mas te interese, es todo.

0 Comentarios :

Saca punta al lápiz y escribe

🌟 ¡Gracias por formar parte de Zarabarandula! 🌟
Tu opinión es muy importante para nosotros. Cada comentario, sugerencia y reflexión enriquece este espacio y ayuda a construir una comunidad más cercana, participativa y apasionada por la actualidad, el entretenimiento y la cultura.
Te animamos a seguir compartiendo tus impresiones, experiencias y puntos de vista con respeto y entusiasmo. Leer tus comentarios nos motiva a continuar creando contenidos de calidad pensados para ti.
¡Gracias por leernos y por hacer de Zarabarandula un lugar vivo y lleno de conversación!
💬 ¡Esperamos tu comentario!

 
© Copyright 2026 | Contacto | Seguir este blog | Sobre mi | Facebook | Twitter | LinkedIn | Almeriense Online | Fútbol Mesa | Conversor | Mi Amada Soledad |

@duque71 2026