Como colocar 2 backgrounds no blog + Imagem no lugar dos links de navegação

Por || Tags: , ||
Oi gente! Ontem no post eu disse que ia comprar meus materiais, mas não fui, pois fiquei com preguiça de andar. Visitei vários blogs, mas agora estou aqui e vou post um tutorial que já deveria ter postado a muito tempo que é Como colocar 2 backgrounds no blog.
Então vamos lá.

Primeiro vá em Modelo>> Editar HTML>> Aperte Ctrl+F e procure por:
body { 
Você vai achar mais ou menos assim:
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
Apague tudo e coloque no lugar este código:
body, html {
height: 300px;
margin: 0;
padding: 0; }
body {
font: $(body.font);
color: $(body.text.color);
background: url("URL do 1º background") repeat; }
html {
background: url("URL do 2º background") repeat; }
Onde está em itálico é onde você define o tamanho do 1º background, ou seja, deve ficar do tamanho do 1º background.
Onde está em escrito URL do 1º background é onde você vai colocar a URL(link) do background de cima.
E onde está escrito URL do 2º background é onde você vai colocar a URL(link) do background de baixo.
Não trouxe backgrounds, pois não sou muito boa em fazer.

IMAGEM NO LUGAR DOS LINKS DE NAVEGAÇÃO
Agora para personalizar o links de navegação.
Vá em Modelo>> Editar HTML
Substituindo o link "Início"
 Aperte Ctrl+F e procure por:
<data:homeMsg/> 
Esse código vai aparecer em dois lugares, mas você só vai mexer no primeiro que aparecer.
 Substitua esse código pelo código abaixo:
<img src='url_da_imagem'/>

Substituindo o link "Postagens mais antigas"
 Aperte Ctrl+F e procure por:
<data:olderPageTitle/>
 Substitua esse código pelo código abaixo:
<img src='url_da_imagem'/>

Substituindo o link "Postagens mais recentes"
 Aperte Ctrl+F e procure por:
<data:newerPageTitle/>
 Substitua esse código pelo código abaixo:
<img src='url_da_imagem'/>

Agora é só visualizar. Se estiver tudo certo, salve. Se quiserem imagens é só ir nesse link.


Espero que tenham gostado!!!
Créditos: Cherry Bomb