Tutorial - Imagem no rodapé do blog
11:06Olá pessoal!
Sentindo falta dos tutoriais? Eu também! Relaxo quando crio os posts, mas fico com medo de não compreenderem, mas qualquer coisa estou aqui, tudo bem?
Lembrando que uso o MODELO TRAVEL e uso ele para qualquer blog que eu faça, então, talvez o seu não dê ou é em um local diferente em seu modelo.
CLIQUE NAS IMAGEM PARA VER MELHOR OU SALVAR.
OBS: Está transparente, não é pegadinha rs, clique abaixo e salve a imagem ok?
Agora, depois de toda sua arte pronta, vamos colocar no rodapé do blog, preparado? Então mãos à obra!
Clique em MODELO, depois em EDITAR HTML e expandi todas as setinhas que fica na lateral esquerda, após ter feito isso, aperte CTRL+F dentro do quadrado de código que abrirá uma caixinha de pesquisa, procure por este código:
/* Widgets.footer-inner {
background: transparent none repeat scroll top center;
}
.footer-outer {
width: 1000px; /*Largura da imagem, não altere se não souber*/
height:180px; /*Altura da imagem, não altere se não souber*/
background:url(URL DA IMAGEM) no-repeat bottom center;
}
O que está de Vermelho é para alterar a largura e altura, mas se utilizou a imagem que disponibilizei no início do post em PNG, não é preciso.
O que está em Azul é a URL da imagem, eu utilizo o próprio blog para hospedar as imagens, veja como se faz isso NESTE POST.
Muito fácil não é? Espero que eu tenha ajudado.
0 comentários