27 abril 2014

Posted at  12:11  |  in  

Como colocar imagem no rodapé do blog.


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.
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. 

http://goimagines.blogspot.com.br/2011/09/como-colocar-imagem-no-rodape-do-blog.html

Share this post

About Naveed Iqbal

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim venenatis fermentum mollis. Duis vulputate elit in elit. Follow him on Google+.

0 comentários:

About-Privacy Policy-Contact us
Copyright © 2013 Testes para Blogs. Blogger Template by Bloggertheme9
Published..Blogger Templates. Powered by Blogger.
back to top