Tutorial: Duas colunas com fundo colorido e uma coluna com fundo estampado

Tão fofinho >_<

 Bom dia minhas garrafinhas de veneno 
 Tudo bem com vocês? Vamos desencalhar a label dos goodies! Eu não tinha postado antes porque ainda estava na primeira semana aqui, ou seja, tudo agitado, sem tempo pra nada.
 E o tuto de hoje é bem bacana, com um truque que eu aprendi sozinha. Mas os créditos dos códigos vão para o blog Cherry Bomb!.
 Vamos lá?

No seu blog, clique em Design e clique em Personalizar/no Designer de modelo. Escolha algum desses layouts:

 Escolheu? Agora vá em Ajustar Larguras e ajuste/veja qual a largura da(s) sua(s) barra(s):

 Agora vá em Editar Html, marque a caixinha Expandir Modelos de Widget, tecle Ctrl+ F e procure por .main-inner .fauxcolumn-right-outer .fauxcolumn-inner { se a sua barra lateral for a direita ou por .main-inner .fauxcolumn-left-outer .fauxcolumn-inner { se ela for a esquerda.
 Aí abaixo do que você procurou vai estar mais ou menos 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; 
}
 Apague a parte que está em cor-de-rosa e no lugar dela coloque background: url(link da sua imagem); Agora é a hora de escolher o backgroud da barra lateral. Se você for usar 2 colunas, pegue o tamanho que as suas duas barras laterais tem e divida por dois, depois faça uma imagem assim, pegando por exemplo uma barra lateral que meça 420px, ou seja, 210px por cada uma.

 Entenderam como é? É só pegar uma imagem/fundo com 420 px e depois pintar cada metade com a cor escolhida, ou com a estampa escolhida. Se for com só uma coluna, escolha um background que te agrade (de qualquer tamanho) e espere. Troque onde está escrito "link da sua imagem" pelo link da que você criou/escolheu. Pronto! E aí, gostaram? Se usarem creditem!

Participem do sorteio! Beijinhos :*