Como colocar duas colunas com fundo colorido

Oi povo! Hoje eu não quis colocar a imagem de cem seguidores pois ia ser MUITO CLICHÊ. 

Bom, como vocês viram no blog, tem duas colunas com cores diferentes. Vou ensinar como fazer isso.

O primeiro passo é clicar em leia mais

Os créditos vão para o blog Menina Nerd

Primeiro escolha um modelo de duas colunas.

Depois, vá em ajustar larguras

Depois, é preciso pegar uma imagem para usar como fundo. Eu fiz uma:

E o blog Menina Nerd disponibiliza essa:

Essas tem 400px (200px para cada uma. avá)

Se o seu for de 500, 250 para cada uma e assim vai.

Agora você hospeda a imagem que você fez em algum local 

(Se pegar essas, é só clicar com o botão direito e em Copiar URL da imagem)

Depois, vá em modelo, editar HTML,F3, e se pegou as colunas do lado direito procure por

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

                                Se pegou as colubas do lado esquerdo procure por:

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

                                                     Vai aparecer isso:

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

margin-right: $(content.padding);
background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}

Então, a parte destacada de vermelho você apaga, e no lugar cole:

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

Não retire as aspas, e URL da imagem é o URL da imagem que você pegou.

Espero que gostem!