Como usar 2 backgrounds diferentes no mesmo blog?

Views:

Localize (está no começo do código, nos templates nativos)

body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}

E substitua por:

body {
font: $(body.font);
color: $(body.text.color);
background: url("URL DA IMAGEM DO TOPO") no-repeat scroll top center; }
html {
background: $(body.background);
}



Se preferir use este código, caso seu template seja baixado da internet:

body {
font: 15px Arial, sans serif; // NOME E TAMANHO DA FONTE DO TEXTO
color: #000000; // COR DA FONTE DO TEXTO
background: url("URL DA IMAGEM DO TOPO") no-repeat scroll top center; }
html {
background: url("URL DO PLANO DE FUNDO DO BLOG") repeat;
}


Condicional que redimensiona automaticamente o plano de fundo:

<b:if cond='data:skin.vars.body_background.image.isResizable'>
<b:include cond='not data:view.isPreview' data='{image: data:skin.vars.body_background.image,selector: &quot;body&quot;}' name='responsiveImageStyle'/>
    </b:if>

Caso queira o redimensionamento mantenha a condicional, ou a inclua acima de </head> caso seu blog não a possua.

Se não quiser o redimensionamento automático, exclua o trecho todo.



Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage