Coluna Dupla colorida

 

Olá gente bonita ♥ Como vão ? Eu espero que estejam bem! Bom, hoje trago um tutorial de coluna dupla colorida >.< , é super fácil de fazer, só precisa de alguns ajustes e tcharaaam *.* fica super lindo no blog, e também deixa mais organizado se for bem utilizado. Agora vamos ao tutorial? Clique em "mais informações":3

É bem fácil; vá na aba "Modelo" e clique em : Personalizar, vá no layout dessa página que abrir , você pode escolher um desses modelos :

Depois clique em "Ajustar larguras" , ajuste a largura como quiser , mas lembrando: Se você deixar a barra lateral direita em 420 px. cada coluna terá 210px de largura.

Aplique isso ao blog .

Agora vamos á imagem de fundo das colunas. Ela deve ser ter a mesma largura que você determinou para as colunas e deve ser dividida igualmente em duas partes. Por exemplo, se você colocou 420px na sidebar, crie uma imagem de 420px, com 210px pintandos de uma cor e outros 210px pintados de outra. Você pode se basear pelo exemplo abaixo e pintar com as cores que quiser.

Depois de fazer sua imagem hospede ela no Imgur; ou qualquer outro site que hospede imagens, de sua preferencia. 

Depois que você fizer sua imagem e hospeda-la vá no HTML do seu blog (Modelo > Editar HTML) , e aperte Ctrl F dentro do quadro HTML. Procure por :  .main-inner .fauxcolumn-right-outer .fauxcolumn-inner { < caso sua coluna for a da direita;
Procure por : .main-inner .fauxcolumn-left-outer .fauxcolumn-inner { < caso sua coluna for a da esquerda;
A baixo do que você pesquisou, deve 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; 
}

Você vai apagar tudo o que está de vermelho e colar isso no lugar :
background: url(link da sua imagem);

Créditos : Cherry Bomb (✿◠‿◠)
Espero que tenham gostado! Kisses ♥ Vitória