Que tal personalizar seu blog, inserindo um botão para expandir as postagens? Vou mostrar como é fácil inserir um botão personalizado no lugar das palavras "Leia mais".
Primeiro faça um backup de seu template realizando um download, caso dê erro você pode reparar as alterações fazendo um upload do template original.
1º passo: Crie uma imagem (botão Leia mais) e em seguida hospede essa imagem na internet. Há vários servidores que você pode usar para hospedar imagens de forma gratuita, porem você pode postar essa imagem no próprio blog para usar como botão Leia mais. Se não sabe hospedar imagens no blog clique aqui.
Essa é a imagem que vou usar como botão leia mais
2º passo: Depois de hospedar a imagem vamos ter que editar o código de seu template para inserir essa imagem. No painel administrativo Clique em Modelo>>Editar HTML.
3º passo: Agora tecle Ctrl+F para abrir a caixa de pesquisa, localize a tag <data:post.jumptext/>
Localizando a tag
4º passo: Apague essa tag e cole esse código que está abaixo em seu lugar:
<p align='center'><a expr:href='data:post.url'><img src='Cole aqui o link da imagem'/></a></p>
Obs: Você pode mudar a posição em que o botão vai aparecer no seu blog, por padrão deixei centralizado. Altere a parte que esta laranja para mudar essa configuração.
Right = Alinha o botão a direita
Center = Alinha o botão ao centro
left = Alinha o botão a esquerda
5º passo: Cole o link da imagem que você pretende usar como botão Leia mais na parte que grifei de verde.
Colando o link da imagem do botão Leia mais
Pronto! Você acabou de inserir o botão, todas as postagens expansíveis no seu blog vai estar com o botão. Este é o resultado do código inserido no template:
Vou deixar alguns modelos que criei que você pode usar no seu blog:
Deixe seu comentário abaixo e compartilhe essa postagem, isso ajudará bastante o blog. Até a próxima.
Nenhum comentário:
Postar um comentário
É possível usar emoticons nos comentários, use os respectivos símbolos para usa-los.