Ajude o blog a continuar sem anúncios com uma contribuição.

11 de julho de 2010

Diminuir tamanho de Sidebar, coluna do blog

A sidebar refere-se as colunas de um blog, onde pode se colocar menus, gadgets entre outras. Bom você pode diminuir essa coluna ou também aumentar, mas o foco desse artigo é para diminuir essa sidebar, muitos diminuem para por exemplo aumentar a largura da area de postagem, enfim seje qual for o motivo sempre é bom saber como se fazer pois talvez você precise futuramente.


Para que possa diminuir você precisa apenas mudar a Width da sidebar que traduzindo fica Largura, e sidebar significa Lado.


Para começar entre em seu blog e vá em Design> Editar HTML, como na imagem:


então procure por este trecho :


#sidebar-wrapper {


Uma dica é que fica muito mais simples se você pesquisar por este trecho precionando CTRL + F, assim um local para a pesquisa do trecho vai aparecer e você só precisa copiar e colar para encontralo.


Voltando ao assunto, após ter achado o trecho, basta modificar a Width para menos se quiser diminuir a largura ou para mais se quiser aumentar, como estamos explicando como diminuir veja o código completo com a sidebar reduzida :




#sidebar-wrapper {
width: 190px;
margin: 0px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}





Veja o local destacado em negrito, basta diminuir este número, quanto menos menor o número menor a largura é claro. Aconselhamos que não diminua muito pois o layout pode ficar em desordem.




Veja Também :


1 comentários:

Clube da Risada comentou :

Excelente artigo! 0 blog é muito, está de parabéns! Abs...