Tutorial- Duas colunas com fundo colorido.

Olá meninas, hoje estou aqui com um pedido de tutorial de como colocar duas colunas coloridas na barra lateral, que nem aqui na JG.
Ah, só quero avisar que irei atender os pedidos por ordem de quem pediu primeiro tah amoras ? Então, é isso, espero que ajudem a todas(os) vocês.
               

1º- Vá em design-> Design do modelo-> Layout.

Depois que fizer isso, clique em ''Aplicar ao Blog''

2º- Vá em Ajustar larguras, em cima de Layout. E deixe desse jeito, tanto para o lado direito, como para o lado esquerdo.

OBS : Ajuste do jeito que você preferir, mais neste caso aqui, se a barra lateral tiver 400 pixels, seria 200px para cada lado. (:
Depois disso, clique de novo em Aplicar ao blog.

3º- Agora precisamos ajustar uma imagem, para usar como fundo, vou deixar um exemplo pra vocês.

Podem usar essa imagem ai mesmo, mais se quiserem de outra cor, é só editar, ou senão fazer de outra cor no PhotoFiltre.

4º- Agora, hospede a sua imagem no tinypic.com, ou aonde preferir, lembre-se, guarde o link da imagem.

5º- Vá em Design novamente, e clique em ''Editar HTML'', de Ctrl+F .
Se você escolheu a coluna do lado direito procure por:

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

Se você escolheu a coluna do lado esquerdo procure por:

 .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

Vai aparecer 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 negrito por :

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

Coloque no lugar de ''URL DA IMAGEM'' o link da imagem que você hospedou.


Agora, visualize, se estiver tudo ok, salve.
É isso meninas, espero que tenham gostado do tutorial, Beijos :*
OBS : Se quiserem algum tuto, é só pedir na pagina ScrapBook, ou nos comentários.

Créditos : Menina Nerd *~*