Tutorial~2 colunas laterais!

Tutorial~2 colunas laterais! , Oi amrs ,como o titulo diz vou ensinar a colocar 2 colunas laterais no blog!

Clique em Leia mais para ver o tutorial!

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 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 & Just Gabi!!