7 de abril de 2014

Como colocar leia mais com imagem nas postagens do blog

No tutorial de hoje eu trouxe algo bem simples mas que deixa o blog bonito e bem organizado,e de como colocar o leia mais ou continue lendo com imagem em seu blog.

Vamos ao tutorial...
Primeiro você tem que criar uma imagem para usar ou escolher algumas disponíveis na internet , e hospedá-la em algum site de sua preferencia,se não souber como, sugiro que leia este artigo como hospedar imagens no blogger.

Feito isso, em seu blog vá até modelo,editar HTML e aperte Ctrl+F juntos e procure por:


 <data:post.jumpText/>
Apague somente esse trecho que encontrou, e no lugar dele coloque isso: 

Obs: você pode mudar right (direita ) por left (esquerda)
<p align='right'><a expr:href='data:post.url'><img src='URL da imagem aqui'/></a></p>

Depois é só colocar a URL da imagem onde se pede ,visualizar para ver se esta tudo ok e salvar as alterações.

O próximo passo é bem simples toda vez que você for fazer uma postagem clique no seguinte botão...

(inserir expansão de postagens) 

leia mais

na parte em que você quer que apareça o "Leia mais... ou Continue lendo...".

Sobre a Autora:
Viviane Aos 31 anos Viviane é casada e mãe de três lindos filhos, blogueira nas horas vagas desde 2012 mais criou esse blog em Nov/2013 quando iniciou seu curso de Web Designer.Apaixonada por códigos Html e tudo que esteja relacionada a blogs e internet.

Nenhum comentário:

Postar um comentário

Oi obrigada por sua visita,espero que tenha encontrado o que precisa.
E obrigada por comentar seu comentário é muito importante para o desenvolvimento do blog.

Design por Viviane Sonia/Dicas no Blog | Tecnologia do Blogger | Todos os direitos reservados ©2013