18 de janeiro de 2013

tutorial

Personalizar o link ou usar imagens no Hack resumo das postagens (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.

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.

Personalizar o link 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. 

Meus amores esse é meu primeiro tuto eu naum sei se fiko bom ou naum se vcs gostaram deixem um comentizinho qualquer duvida tbm deixem comentario para eu responder!!! bjoss <3 meus amores... 


2 comentários:

  1. Eu ja conhecia esse tuto,mais o post ficou bom!!
    bjs...
    http://girl-ofdream.blogspot.com.br/

    ResponderExcluir