Personalizar o Link ou usar Imagens no Hack Resumo da Postagem (Leia mais)
Praticamente todos os blogs usam o hack leia mais ou continue lendo para mostrar o resumo da postagem no blogger para deixar o blog mais rápido para carregar e aumentar o numero de pageviews, mas podemos personalizar esse texto do link do resumo da postagem ou até mesmo usar uma imagem no lugar dele para achar mais atenção dos visitantes e melhorar o layout e aparência do blog. Mas caso esteja procurando sobre alterar o link da postagem veja nesta dica sobre mudar endereço das postagens.
Então você pode apagar esse trecho e escrever o que desejar no lugar. Mas se preferir colocar uma imagem no lugar do link leia mais então coloque esse código:
Além disso o código tem a parte style="float:right" que faz a imagem ficar do lado direito se quiser do lado esquerdo troque a palavra right por left, mas se preferir a imagem centralizada então troque o float:right por text-align:center;margin:auto.
Aproveite e veja também:
Formatação Especial nos Textos das Postagens
Achar e Resolver Problemas com Códigos HTML no Blog
Esperamos que gostem dessa dica que é simples de fazer e pode ajudar a mudar o visual do seu blog e assim conquistar mais visitas para seu blog.
Trocar o Texto do Link Leia mais do Blogger
Se estiver tudo certo no seu template (HTML do blog) você só precisa entrar na pagina layout e clicar para editar as postagens do blog para modificar esse texto do resumo da postagem.Modificar Hack Leia mais: Trocar o texto ou colocar imagem
O primeiro passo é ter uma imagem para utilizar então veja aqui como criar e editar imagens online. Depois que tiver a imagem pronta e hospedada entre na pagina editar HTML, marque a opção expandir modelo de widgets e procure pelo trecho: <data:post.jumpText/>Então você pode apagar esse trecho e escrever o que desejar no lugar. Mas se preferir colocar uma imagem no lugar do link leia mais então coloque esse código:
<img style="float:right" src="endereço da imagem" border="0" />No lugar onde está <data:post.jumpText/>, mas colocando um endereço de imagem no local indicado, veja aqui sobre problemas com imagens e também hospedar imagens no Blogger.
Além disso o código tem a parte style="float:right" que faz a imagem ficar do lado direito se quiser do lado esquerdo troque a palavra right por left, mas se preferir a imagem centralizada então troque o float:right por text-align:center;margin:auto.
Aproveite e veja também:
Formatação Especial nos Textos das Postagens
Achar e Resolver Problemas com Códigos HTML no Blog
Esperamos que gostem dessa dica que é simples de fazer e pode ajudar a mudar o visual do seu blog e assim conquistar mais visitas para seu blog.
Marcadores: Códigos, Imagens, Personalizar, Template