Inserir imagem no rodapé da postagem

terça-feira, 12 de fevereiro de 2013

Para iserir uma imagem no rodapé da postagem, seja ela do autor do post, um gif animado ou banner de propaganda é muito fácil de se fazer e o resultado é muito melhor do que aquele rodapé sem graça que o blogger sugere.
Vou mostrar como isso é feito com o uso de um código bem simples e fácil de ser inserido no seu html, veja abaixo:



Clique em "Modelo" e depois em "editar html", agora clique em "expandir modelo de página".
Agora use "Ctrl + f" e procure pelo código "<div class='post-footer'>".
 

Abaixo dele cole o código abaixo:

<div align='right'>
<img src='URL da Imagem' style='border:0px;'/></div>


A sua imagem deve ficar do lado esquerdo do rodapé, como mostra a imagem acima (seta vermelha).

Visualize e se estiver todo ok, salve!

Outra alteração que você pode fazer é colocar um banner com link.
Nesse caso use o código abaixo:

<center>
<a href="Url do link">
<img src="Url da imagem"/>
</a></center>


A imagem fica centralizada com o uso das tags "<center> e </center>";


Se for usar as duas imagens ao mesmo tempo é só inserir o código abaixo depois de "<div class='post-footer'>":

<center>
<a href="Url do link">
<img src="Url da imagem"/>
</a></center>

<div align='right'>
<img src='URL da Imagem' style='border:0px;'/></div>


Aproveite essa dica!


Nenhum comentário:

Postar um comentário

Obrigado por sua visita!
Seu comentário será publicado e respondido o mais rápido possível.
Por favor:
- Coloque seu nome no comentário;
- Não faça spam (o comentário será excluído);