Um dos novos widgets que eu mais gosto (e uso nos meus outros blogs) e o de Postagens Populares. E uma maneira interessante de atrair seus visitantes para outros textos que talvez nao se apresentem na pagina inicial, alem de mostrar os assuntos que mais agradam seus leitores. No entanto, por padrao, a lista aparece na vertical, limitando a possibilidade de mostra-la em outras areas do blog que nao a sidebar, alem de ocupar bastante espaco da coluna lateral, mesmo que se escolha poucos posts a serem mostrados.Uma maneira que considerei interessante foi mostrar esta mesma lista na horizontal, dentro de alguma div que ocupe toda a largura da pagina, como a div #crosscol-wrapper (e neste caso, apareceria abaixo do cabecalho, como neste blog).Tambem e possivel arrastar o widget para o Footer, por exemplo, e a apresentacao dos Posts Populares ficaria no final da pagina Tutorial para quem usa os Modelos de Layout(2006)A primeira coisa que se deve fazer e se certificar da largura total de #outer-wrapper (a div que engloba todas as outras). Procure no CSS do seu template por #outer-wrapper e veja o valor que esta em width. Se no seu template este valor for 100%, sera preciso entao definir um valor para #content-wrapper (a div que engloba #main-wrapper e #sidebar-wrapper). Se o valor de width em #outer-wrapper for algo como 980px, nao sera preciso definir #content-wrapper.Para definir uma largura para content-wrapper, acrescente no CSS (imediatamente acima da tag ]]></b:skin> ):#content-wrapper{margin: 0 auto; width: 990px}o valor de width deve ser alterado conforme a largura que voce desejar.Tendo definido uma largura para content-wrapper, acrescente tambem este trecho (ainda acima da tag ]]></b:skin> ):#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 titulo 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 */Salve a modificacao. Em Elementos de Pagina, arraste o widget Postagens Populares para sob o cabecalho (ao arrastar, deve aparecer um retangulo onde se deve encaixar o widget), ou para #footer.Se voce desejar, podera tambem colocar no inicio ou final da coluna dos posts, mas devera modificar as medidas para que se encaixem na largura da coluna. No meu exemplo, as medidas sao ideais para #content-wrapper com width: 990px; mostrando cinco posts populares por 'linha'.Se quiser mostrar os posts populares apenas na primeira pagina, va em Editar HTML, clique em Expandir Modelo de Widget e encontre o widget PopularPosts expandido. E um codigo bastante extenso e