Como colocar imagem no rodapé do blog.

Como colocar imagem no rodapé do blog.

Hi girls! Hoje venho com um tutorial suuper legal (eu achei pelo menos rsrs) Estava procurando a um tempinho e ontem do nada achei, lógico que fiquei muito feliz e vim aqui testar, como gostei do resultado vim logo compartilhar com vocês! Quero começar creditando o blog Garotas Complicadas pois foi lá que aprendi o tutorial. Se você ainda está boiando, o tutorial vai ensinar a por uma imagem no final do blog, uma continuação das colunas e da área de postagem, você pode enfeitar ao seu gosto, pode por exemplo arredondar os cantos e escrever alguma mensagem e tal. O resultado será semelhante ao do Go Imagine, veja só:

A imagem ficou meia embaçada mas acho que dá para ter uma ideia do resultado, se quiser vá descendo o blog e veja certinho.  Clique em "leia mais" para ler o tutorial.
Primeiramente você precisará fazer uma imagem. Você  tem que saber a largura da área das postagens e da barra lateral, para não ficar desencaixado depois. 

Não sei se é só no meu blog que acontece mas quando eu quero fazer uma imagem continuando as colunas (rodapé e cabeçalho) eu tenho que fazer a imagem 20px menor que a largura total do blog se não não encaixa, por exemplo: Meu blog tem a largura de 1040px então faço as imagens com a largura de 1020px.

Fiz um mini tutorial por imagem para os mais iniciantes de como fazer a imagem do rodapé, só não reparem é bem meia boca rsrs. Clique nos links abaixo para ver as imagens.

Obs: Na imagem tutorial eu disse para fazer a imagem com a largura 20px menor que a largura do blog, mas se você quiser tente primeiro fazer a imagem com a largura do seu blog mesmo e se não der certo faça 20px menor.

Parte 1 Parte 2  

Logo após fazer sua imagem, salve e hospede em algum local.

Sem mais delongas, vamos pro tutorial:

Vá em Design > Editar HTML, e marque a opção "expandir modelos de widgets" . Pressione Ctrl + F e procure por  <!-- main -->   Logo ACIMA adicione o seguinte código:

<center> <img height='altura' src='Url da sua imagem' width='largura'/> </center> 

Onde estiver "altura" troque pela medida de altura da sua imagem, a minha é 100 e acho que é um bom tamanho se você estiver indeciso.
Troque também "Url da sua imagem" pela url (link) da sua imagem. Meio obvio né? rsrs
E onde estiver "largura" substitua pela medida de largura da sua imagem. 

Bom gente, era isso, espero que tenham entendido bem. Qualquer duvida pergunte por comentário!