Personalizar o leia mais no blog

sábado, 9 de fevereiro de 2013

Agora vamos personalizar mais um trecho do nosso blog, o link "leia mais". 
É muito sim ples e rápido de fazer.
Para colocar uma imagem no lugar do link "leia mais", você deve criar a imagem e hospeda-lá em algum site.
Acesse "Modelo" > "Editar Html" e clique em "Expandir modelos de Widget" e procure pelo código abaixo:

    
<b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
    <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
    </div>
    </b:if >


Substitua a parte <data:post.jumpText/></a>, pelo código abaixo:

    <p align='right'><a expr:href='data:post.url'><img src='URL_da_IMAGEM'/></a></p>

Onde diz "URL_da_IMAGEM", você substitui pelo link da imagem que você criou.
Outra parte que você pode alterar na tag é o alinhamento do link que está em rosa. Você pode escolher right, center ou left.

 
Visualize e se estiver tudo certo, salve!


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