Como substituir os links, início, postagens mais antigas e postagens mais recentes por uma imagem

Desculpem-me por estar postando muito tarde, mas eu estava sem internet até agora - pelo menos ela ainda voltou em tempo.Hoje eu vou ensinar - a quem não sabe - a como substituir os links, início, postagens recentes e postagens antigas por uma imagem.Bom, sem mais conversas, vamos ao post.:

 Vá em Design > Editar HTML > marque a opção Expandir modelos de widgets > CTRL+F e procure por:
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>
Deve estar assim no seu HTML:
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>
Agora substitua os links em negrito pelo código abaixo e coloque o endereço da imagem que irá substituir o link no lugar indicado:
<img border="0" src="endereço da imagem"/> 
Legenda:

<data:olderPageTitle/> Link para as postagens mais antigas
<data:newerPageTitle/> Link para as postagens mais recentes
<data:homeMsg/> Link para a página inicial do blog, ela aparece duas vezes, portanto modifique-as do mesmo jeito.


Saiba onde e como hospedar imagens, clique AQUI

67 comentários:

  1. David, não sabia como fazer isso! rs
    Ajudou bastante o tutorial!

    Beijos,
    Caroline, do http://criticandoporai.blogspot.com - espero sua visita no meu cantinho rs

    ResponderExcluir
  2. Oi David obrigada pela visitinha ao meu blog viu? Seu blog é muito lindo e amei o tutorial ainda não tive tempo de fazer, mais logo, logo tentarei, tem post novo lá no blog, seguindo.Kisses.
    www.blogdicasdadan.blogspot.com

    ResponderExcluir
  3. Ótimo tutorial! Realmente muito simples e útil, vou usar assim que der.

    Beijos!
    meianoiteequinze.tk

    ResponderExcluir
  4. Dicas valiosas. Planejo mudar o template muito em breve. Vlw mesmo.
    Forte abraço.

    www.senhordoseculo.com

    Beauty 4 Men

    ResponderExcluir
  5. Adorei o tutorial, próximo lay vou colocar imagem ou mudar o texto mesmo.
    Tem post novo: Pensamento sem fim

    ResponderExcluir
  6. Fica melhor mesmo ahaha

    Rawar-->> World Girl
    http://ianapaulinhaaaa.blogspot.com/

    ResponderExcluir
  7. Oi Amanda, super útil e com um passo a passo muito bem explicado, obrigada :D Bj, Pat

    ResponderExcluir
  8. ola tudo bem?
    gostei da dica e gostei bastante de vem a ser um dos nosso seguidores.
    passei para retribuir e tambem falar sobre parceiria, este blog tem muita coisa que me interessa e pelos interesses gostaria de nao somente segui-lo, mas gostaria de fazer parcerias.
    por isso estou passando para lhe avisar que seu banner ja esta no meu blog e gostaria bastante de sua parceria

    um abraço

    @ns_rafael
    literaturaearte0809.blogspot.com

    ResponderExcluir
  9. gostei bastante da dica que vc me mandou espero que possa retribuir, toda ajuda é bem vida.

    um abraço

    @ns_rafael
    literaturaearte0809.blogspot.com

    ResponderExcluir
  10. Ótimo tutu! Adorei (:
    Bom domingo, beijos..
    Garota Fashion (:
    garota-fashiion.tk

    ResponderExcluir
  11. Já uso no meu blog, é bem útil :) seguindo, adorei o blog ^^
    bjs

    http://meianoites2.blogspot.com/

    ResponderExcluir
  12. Ameeei o tuto, super ajudou *-*

    Beijão
    Ana
    meninasantenadas.tk

    ResponderExcluir
  13. amei a tutorial :)
    amore eu já sigo o blog.
    aqui ta perfeito como sempre
    beijos
    http://lolamantovani.blogspot.com/

    ResponderExcluir
  14. Adorei a dica, será muito útil! :B
    O blog, é muito bonito.. Parabéns!

    http://cinco-datarde.blogspot.com/

    ResponderExcluir
  15. Ah! Obrigada.
    Muito bom o tuto, para quem é novato no blog *-*
    Bjjs :*

    http://leticiac04.blogspot.com/

    ResponderExcluir
  16. Aaah,eu já sabia disso,kk' eu só procuro o nome ,kk'
    Legal,quando prescisar,eu pego aqui:*

    bj babado!

    http://tutoriar-oficial.blogspot.com

    ResponderExcluir
  17. Adoro este tuto :]

    Beijos,
    http://garotaspaceblog.blogspot.com/

    ResponderExcluir
  18. amo esse tuto, dá um toque especial no blog rs'
    e eu votei no seu blog, pq ele merece, e quando tiver outro concurso me avisa que eu voto =)
    bjs
    Twitter | Blog

    ResponderExcluir
  19. oiie td bem? adorei seu blog e o post ^^ ja sigo aqui,adorei o tutorial !! vim te convidar para um mega concurso que está tendo no meu blog, valendo super prêmios, participa ? bjs aguardo vc la ok?

    http://sos-teens.blogspot.com/2012/02/sorteio-dos-100-seguidores.html

    ResponderExcluir
  20. Blog show,
    vou recomendar
    seu blog, para todos
    Parabéns pelo blog perfeitoo
    [ ameei o tuto, mt útil ]
    bjjs,..*
    http://cherrypurple-s2.blogspot.com/

    ResponderExcluir
  21. Ótimo tutorial, muito bem explicado.

    http://sweetdreamsoficial.blogspot.com/

    ResponderExcluir
  22. Já usei esse tutorial, adoro!

    Participa do concurso que criei com o blog Depois da Primavera? É super fácil de participar. Não vai ficar fora dessa né?

    Kisses - http://bloggarotainocente.blogspot.com/2012/02/concurso-melhor-blog-2012.html

    ResponderExcluir
  23. OMG *-----* JaeJoong, meu divo, na foto do post. Isso merece aplausos. *------* AHHHHH!!!!! Ele está lindo na foto. *-* é um pouco old, ele está com cara de bebê. *-* E com esse óculos, e cabelo preto... SHISHUUUS assim ele me mata. Segunda vez que vejo um k-idol em fotos para postagens, e muitas vezes ninguém sabe quem são. Não são apenas rostinhos bonitos, são cantores super conhecidos, e meus maridos. HAUHSUAHSUAHSUHAS quemdera u-u Parabéns pelo post. *-* Muito útil, acho que vou usar. rsrs
    Chu ~
    Continue colocando fotos do Jaejoong ou de qualquer outro k-idol, que irei comentar em TODOOOOOOOOS. E cuidado, não fale demais deles que fico com ciúmes. u-u
    secretsofcherry.tk

    ResponderExcluir
  24. Muito bom o tutorial!
    Adorei :D
    Bjs
    neversaynever-believe.blogspot.com

    ResponderExcluir
  25. Boa dica heim!

    xoxo

    http://www.dforaparadentro.blogspot.com/

    ResponderExcluir
  26. Muito bom! Simplificou muito, vou mandar para as minhas amigas!
    Já marquei presença! Obrigada pelo recadinho lá no blog!
    Beijoks :*
    blog-bola-de-chiclete.blogspot.com

    ResponderExcluir
  27. O blog fica mais moderno e dá um tcham. Só que eu prefiro escrever "Antigas", "Recentes" e "Início". Porque posso trocar a cor delas a qualquer momento.
    Ótima tutorial!
    http://pinkpimenta.blogspot.com/

    ResponderExcluir
  28. Ótimo tutorial, estava pensando em colocar no meu.
    Xoxo

    http://quinzedesejos.blogspot.com/

    ResponderExcluir
  29. Oii!!
    Caramba, eu estava querendo fazer isso! =) Vou tentar daqui a pouco!

    Já estou seguindo!

    beijinhos
    cfhell.blogspot.com

    ResponderExcluir
  30. Post muito bem explicado,adoreii
    Continue assim heim!
    kiss kiss

    www.megamakeemoda.blogspot.com

    ResponderExcluir
  31. O filme é bom assim como o seu tutorial! rs Para quem gosta vale a pena.
    Obrigada pela visita, lindo *-* É um prazer ter você lá!
    Beijos, Layla, peacetime1.blogspot.com

    ResponderExcluir
  32. Ótimo tutorial! *-*
    Bem fácil e prático ;)

    theplugados.blogspot.com

    ResponderExcluir
  33. Vou volta aqui no post depois pra colocar la no blog! fica bem melhor!♥
    http://kelly-club.blogspot.com/

    ResponderExcluir
  34. Adorei a dica, já conhecia o tutorial e da um charme especial ao blog :)
    http://www.senhoritaliberdade.com/

    ResponderExcluir
  35. Gostei do tutorial bem legal,
    e bem explicado. <3
    #Bezos Rawr -----> Bikoti.blogspot.com

    ResponderExcluir
  36. Nossa adorei esse tutorial é muito
    útil adorei beijos tem post novo lá comenta?
    annaklusmy.blogspot.com

    ResponderExcluir
  37. Amei o tutorial, já sabia, mas é sempre bom ver novos jeitos!
    Bjs
    http://closetteenblog.blogspot.com/

    ResponderExcluir
  38. Amey o tuto , HAHA , vou fazer , ja que mudei de modelo , e saiu todas as ediçoes HAHA , obg me ajudasse!

    http://garotasmoodernas.blogspot.com

    ResponderExcluir
  39. Aaaah,mas seria muito legal você participando hehe *-*
    www.bruboletras.blogspot.com

    ResponderExcluir
  40. Amei o tuto, tem muita gente que precisa para colocar no lay em seu blog *-*
    http://perfeitateen.blogspot.com/

    ResponderExcluir
  41. Olá! Nossa, amei o tutorial, muito bem explicado!

    Beijos; @Raah_Castroo
    www.vidaadegarotaa-vdg.blogspot.com

    ResponderExcluir
  42. Que tutorial maravilhoso!
    Adorei mesmo. Obrigado por comentar lá
    Beijos, duda ♥

    ResponderExcluir
  43. hoy amei o tuto!muito legal!no meu proximo lay talvez eu use ele!


    http://spaceteen-chris.blogspot.com/

    ResponderExcluir
  44. super útil o tuto.
    seu blog tem um layout lindo, do meu david s2s2
    hahah' obrigada por seguir meu blog, já estou te seguindo também!
    sempre que eu puder voltarei aqui :)

    bjs

    ResponderExcluir
  45. Te seguindo tbm . ^^ magina , o seu blog q é lindo

    ResponderExcluir
  46. Que legal o tutorial!
    Desculpa por não estar muito presente aqui ... é que nem to entrando direito na net ... mas agora volto ao normal ...
    Beijoos
    http://www.ordinary-girl-oficial.blogspot.com/

    ResponderExcluir
  47. olá adorei o tuto estava mesmo querendo mudar o meu seu blog é super interessante já estou seguindo quero agradecer sua visita beijos e volte sempre http://marcelaminhasartes.blogspot.com

    ResponderExcluir
  48. ótimo tutorial!
    é bem útil para dar uma 'customizada' no blog :D

    http://blogportalteen.blogspot.com

    ResponderExcluir
  49. Adoorei o tutorial apesar de ja conheçer ! :]
    www.paradateen1.blogspot.com
    beijos *-*

    ResponderExcluir
  50. Eu já sabia como trocar por imagem e sei como trocar por texto também, ensinei no blog. Muito útil!
    Então, sabe o meu post sobre plágio? Fiz EXATAMENTE para o Luan do Cantinho Nerd que me mandou um comentário me dizendo que queria colocar um layout como o meu. Eu fui ver e tudo era igual. Cores, cabeçalho, background...
    Mas eu disse que se ele colocar, vou postar no blog e mandou todos denunciarem. Ele diz que vai parar mesmo e nunca para!
    Ah, e muito obrigada pelos elogios no blog, adoro muito aqui e adoro você, David *-*
    Beijos, Dani Ribeiro - onthefame.tk

    ResponderExcluir
  51. Ainda não tinha visto um tutorial que falasse sobre isso, muito bom!

    Beijos
    http://mon-autre.blogspot.com/

    ResponderExcluir
  52. Parece fácil, foi optimo o tutorial
    Beijinhos :D

    ResponderExcluir
  53. Muito bom o tutorial e ótimo blog,seguindo de volta.
    http://Raymiga.blogspot.com
    Volte sempre

    ResponderExcluir
  54. Olá... Estou participando do concurso do texto mais bonito, gostaria de pedir uma ajudinha... leia o texto se gostar votem em mim.. http://asoonhadora.blogspot.com/2012/02/estou-bem-muito-bem.html
    O link para votação esta lateral ao texto... encontre o meu blog na lista(Dias melhores para Sempre!!!) e vote não esqueça de ler o texto e lindo e sempre vale a pena refletir
    Obrigada!!!!
    Bjks
    Daiana - Dias Melhores para Sempre !!!
    http://daidesiderio.blogspot.com

    ResponderExcluir
  55. Muito interessante e útil! :)

    http://www.gravidadeartificial.com/

    ResponderExcluir
  56. Muito bom o tuto. Gostei :)

    Bjs,
    bnascimentooo.net.tc

    ResponderExcluir
  57. parabens , muito bom mesmo, jah tinha achado algo semelhante em outros sites, mas seguia os passos e no final nada acontecia, fiz aqui e deu certinho. obg pela ajuda.

    ResponderExcluir
  58. Oii, haa adorei o tutorial !, bem fácil, é útil !

    www.i--love--y.blogspot.com

    Thau !

    ResponderExcluir
  59. Fiica super maximo assim *-*
    http://beijo-de-cereja.blogspot.com/

    ResponderExcluir
  60. Ameii! Muito obrigada David!
    bjãão

    http://desaltoerimel.blogspot.com

    ResponderExcluir
  61. Adorei o tutorial =D E amei seu blog também, lindo!
    Já estou seguindo e se puder seguir o meu também, agradeceria muito!!!

    http://therevolucaonerd.blogspot.com

    ResponderExcluir
  62. No meu html code não existem essas linhas, e eu quero mudar o nome, espero que me ajude:

    http://gamestartmania.blogspot.com.br/

    ResponderExcluir
  63. lol valeu,deu certo,eu fiz umas imagens para colocar,no meu blog,né então tá bem massinha quem quiser ver elas,ou até vc mesmo colocar aqui o link http://testemgt.blogspot.com.br/2012/08/blog-post_5.html

    ResponderExcluir