09 maio 2013

Arquivado em:

COMO AUMENTAR OU DIMINUIR O TAMANHO DA ÁREA DE POSTAGEM DO BLOG

Muitos pessoas se perguntam se é possivel alterar o tamanho da área da postagem, é possivel e muito simples e fácil, tanto diminuir como aumentar a largura. E você aprenderá não só para a área da postagem, mas também para a coluna lateral, a coluna principal (sidebar)

Vá no HTML do seu blog ou site e procure por: (para localizar utilize CRTL+F)

#outer-wrapper {
width: 900px; margin:0 auto;
padding:0px;
text-align:left;
font: $bodyfont;
background-color: #bgcolor;
}

#main-wrapper {
margin-left: 5px;
width: 550px; float: left;
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 */
}

#sidebar-wrapper {
margin-right: 0px;
width: 250px; 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 */
}

Se você não conseguir achar o código, procure de outra forma, apenas com algumas palavras chaves, como:  "#outer-wrapper"; #sidebar-wrapper"

Apôs localizar o código, o "width" é aonde você irá alterar, é nele que você encontra determinado a largura em px.

#outer-wrapper -  é o ID da folha da página (coluna principal)

#main-wrapper -  é a ID da coluna principal do seu blog e nela que está localizada a área do post

#sidebar-wrapper  - é a famosa coluna lateral do seu blog

Depois de feitas as alterações é só salvar e pronto, seu blog tá do jeito que você quer.





13 comentários:

  1. O html do meu blog não possui isso. O que faço?

    ResponderExcluir
  2. Olá por favor me ajude : este é meu blog mas as imagens ficam destorcidas oque fazer ? qualquer ajuda entre em contato pelo meu e-mail é muito importante. betooneves@gmail.com

    ResponderExcluir
  3. por favor nao da pra muda a altura?

    ResponderExcluir
  4. BOM DIA ME AJUDEM POR FAVOR PRECISO COLOCAR IMAGENS NAS POSTAGEM, MAIS PRECISO QUE ESSA IMAGEM QUANDO A PESSOA CLICA ENCIMA DELA ELA NÃO CRESÇA, ESTOU FAZENDO UMA TRABALHO PARA UM AMIGO MAIS AINDA NÃO DESCOBRI COMO FAZER ISSO, TODA VEZ QUE CLICO NA IMAGEM ELA EXPANDE PRECISO QUE ELA FIQUE SEM AUMENTAR DE TAMANHO, DESDE JÁ AGRADEÇO E FICO NO AGUARDO DE UMA RESPOSTA.

    ResponderExcluir
  5. Este comentário foi removido pelo autor.

    ResponderExcluir
  6. Bom, nascer soluções gráficas e brindes personalizados. Eu utilizo um comando em meu blog que retira esse tipo de visualização, tipo quando vc clica na imagem ela não aumenta e quando você adicionar a imagem escolha o tamanho dela e após coloque o link dela dentro deste código ( apenas adicione o < em img 100):

    img 100="" alt="" border="0" class="align" src="AQUI VAI O SEU LINK DA IMAGEM" style="margin: 0px 0px 0px 0px;" title="CASO QUEIRA ADICIONAR UM TEXTO A IMAGEM" width:="" />

    Após eu ter adicionado esse comando as imagens quando eu clicava não aumentavam mais e uma coisa esse comando vai no HTML da sua postagem aí se vc adicionar uma imagem você coloca esse comando para que ela não fiquem aumentando quando clique. Espero ter ajudado.

    ResponderExcluir
  7. Este comentário foi removido pelo autor.

    ResponderExcluir
  8. eu consigo aumentar apenas a coluna, mas a áraa de postagem não.

    ResponderExcluir
  9. eu consigo aumentar apenas a coluna, mas a áraa de postagem não.

    ResponderExcluir
  10. Show! Resolveu o meu problema. Muito obrigado!

    ResponderExcluir
  11. Show! Resolveu o meu problema. Muito obrigado!

    ResponderExcluir