Colocar banner entre as postagens do blog

sábado, 7 de dezembro de 2013

Para colocá-los basta irmos em Design> Editar HTML, marcar a caixinha expandir modelos de widget e procurar pela linha:

<b:include data='post' name='post'/>

E logo abaixo cole o seguinte:

<center>
<div style='margin-top: 20px; margin-left: 40px;'>
--- SEU TEXTO AQUI ---
<a href="URL de destino" target="_blank">
<img src='URL da imagem'/>
</a>
</div>

</center>


Basta colocar a URL do link e da imagem nos lugares indicados;
Eu adicionei uma "div" para centralizar a imagem mas isso depende do tamanho da sua imagem. Ajuste como necessário
Você pode  adicionar um texto simples acima da imagem. Para dar estilo ao texto:
<b>TEXTO</b> --- negrito
<i>TEXTO</i> --- itálico

Se preferir apenas uma linha, o código será esse:

<hr style="align:center; background:#FFFF00;  border:0px; height:5px; width:60%;" />

Em background, coloque a cor de sua preferência, em height, a altura da linha e em width a largura em porcentagem.


Veja um exemplo entre as postagens aqui no blog.

Sucesso!


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);