Adicionando imagem nos links "Postagens mais recentes" "início" "Postagens mais antigas"

Todo template possui no roda-pé da pagina os links "Postagens mais recentes" "início" "Postagens mais antigas", esses links são muito úteis mas eles nem sempre chamam a atenção necessária, uma solução é colocar imagens em seu lugar, assim por consequencia chamar mais atenção de seu leitor, fazendo ele navegar por mais paginas de seu Blog.



Adicionando imagem nos links "Postagens mais recentes" "início" "Postagens mais antigas":

Vá até "Layout" > "Editar Html" e marque a opção "Expandir modelos de widgets" e procure pelos códigos abaixo:

"Postagens mais recentes":
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
"Início"
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
"Postagens mais antigas"

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
Onde está em vermelho deve ser substituido por:

<img src="URL DA IMAGEM" />
Agora onde está em vermelho acrescente a Url da imagem que você quer que apareça no lugar dos links.

Esta imagem deve ser criada por você, e pode ser hospedada neste site http://imageshack.us/

Seja criativo e crie uma imagem que combine com seu Blog.

22 comentários:

  1. Opa
    Que bom mais um blog pra nos dar aquela forcinha com a estrutura do nossos blog.
    Parabéns... Eu uso muito o ferramentas blog, que por sinal é excelente. Vou adicionar você aqui nos meus favoritos, pra quando precisar de algo, já saber onde vir.
    Um abraço

    ResponderExcluir
  2. caraca caraaa
    isso vai ser bem util pramim XD

    ResponderExcluir
  3. seu blog é muito mto bom mesmo *--*

    ResponderExcluir
  4. Muito legal, seu blog é extremamente util, Vou visita-lo mais vezes, já tá nos favoritos e estou te seguindo, parabéns pelo trabalho!

    ResponderExcluir
  5. excelente blog, e mto util tbm !

    ResponderExcluir
  6. Bom o blog, sempre é bom saber essas coisas e aqui tu da grandes dicas :D

    Bj

    ResponderExcluir
  7. De uma utilidade....valew pwlo toq...

    ResponderExcluir
  8. aaê ! adoro blogs qe ajudam, blogs,HAHA ainda mais pra mim,que sou lerdacom essas coisas .rs adorei e já está no favoritos;*

    ResponderExcluir
  9. ai adorei esta dica!
    O seu blog está sempre inovando e ajudando!
    ;D

    ResponderExcluir
  10. muito legal,
    bacana suas dicas, vc esclarece tudo de forma bem simples e direta.
    www.sintoonize.com

    ResponderExcluir
  11. muito bom isso
    eu recomendo
    ja fiz isso no meu outro blog
    xD


    http://vagalnerdkawai.blogspot.com/

    ResponderExcluir
  12. Excelente código!
    Torna mais interessante o design do blog!

    ResponderExcluir
  13. Muito obrigado, vi isso em outro site mas não conseguia.

    O problema era que os outros site não ensinava a marcar a opção: "Expandir modelos de widgets"

    ResponderExcluir
  14. Ótima dica, sempre to aki aprendendo... estão de parabéns www.euconfessoq.blogspot.com

    ResponderExcluir
  15. essa mensagem aparece quando eu tento visualiazar/salvar:

    Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: The reference to entity "filename" must end with the ';' delimiter.

    Error 500

    ResponderExcluir
  16. cara eu to com dor de cabeça de tanto procurar no meio daquelas letrinhas e não encontrei essas coisas ai pode me ajudar de alguma forma.

    Waldezvelasco@gmail.com

    ResponderExcluir
  17. amigo estou com um problema o template que estou editando nao aparece a navegaçao de jeito nenhum
    nao aparece postagens mais antigas nen mesmo quando troco por imagens te alguma soluçao

    ResponderExcluir

Todos os direitos reservados © Soluções Blog - Desenvolvido por Gustavo Solbas. Tecnologia do Blogger.