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 */
#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 :
🌟 ¡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!