Como Adicionar o Botão Leia Mais/Continue Lendo

Se em seu blog não aparece o recurso "continue Lendo" é por que ele ainda não está ativado no seu blog, mas não se preocupe é muito simples adiciona-lo.



1º Faça um BACKUP de seu modelo de template;

2º Vá em "Design" e em "Editar HTML", marque a opção "Expandir modelos de widgets";

3º Aperte "Ctrl + f" e procure pelo código abaixo:


<data:post.body/>

4º Logo abaixo cole este código:


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

5º Pronto agora já irá aparecer.

Como colocar imagem no lugar de "Mais informações>>"

1º Em "Design" e "Editar HTML" com a opção "Expandir modelos de widgets" marcada, aperte "Ctrl + F" e procure pelo código:


<data:post.jumpText/>

e troque por:


<img src='endereço da sua imagem'/>

Substitua a parte vermelho pelo endereço do seu botão, que você poderá hospedar  aqui>>>  
ou se preferir colocar imagem e texto substitua por:


<img src='endereço da imagem' style='vertical-align:middle;border:0'/>Leia mais...

Simples não?
Então mão na massa!!!

0 comentários

Postar um comentário

Mark WebDesigner e Informatica | Powered by Blogger | Entries (RSS) | Comments (RSS) | Designed by MB Web Design | XML Coded By Cahayabiru.com Distribuído por Templates