4 de jun de 2012

Como botar 2 colunas no blog

Oi gente hoje eu trouce um tutorial creditando o  Cute World e o menina nerd
Eu amei esse tutorial e ja fiz em alguns blogs de teste mais em fim vamos ao tutorial!



1º:
 Vá em Design  Designer do Modelo  Layout:


Salve clicando em "Aplicar ao Blog".



2º: Agora vá em "Ajustar larguras":




Salve novamente clicando em "Aplicar ao Blog".


2º: Agora é preciso editar uma imagem para usar como fundo:


(Lembrando que ela tem 400px, ou seja, 200px pra cada cor), se quiser usá-la sem editar, fique à vontade! Se desejar colocar 500px, você terá que editar uma imagem de 500px avá com 250px para cada cor, e assim por diante.

Depois de editar, hospede a imagem no Imageshack, ou em qualquer outro site de hospedagem de imagens e guarde o link.

4:  Por fim, vá novamente em Design  depois clique em "Editar HTML"  dê CTRL + F e:

 se você escolheu as colunas do lado direito, procure por:


.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {


 se você escolheu as colunas do lado esquerdo, procure por:


.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
Vai apcer assim:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
margin-right: $(content.padding);
background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}
Substitua a parte destacada em vermelho por :


background: url("URL DA IMAGEM") repeat;

Obs.: Não retire as aspas. Url da imagem é o link da imagem que você hospedou, ok?
Agora visualize, se estiver tudo certo, salve. 

Um comentário:

  1. Quer fazer parceria ? causo quizer só fala comigo >> http://blogdasnovidadess.blogspot.com.br/

    ResponderExcluir