14 abril 2014

Imagens para Links de Navegação


Tada! Olhaeuaquitravez! Está difícil postar duas vezes por semana. Mas,  o importante é não deixar o blog parado por duas ou mais semanas. Não queremos isso, não é mesmo? Pois sei o quanto é chato e triste um blog desatualizado. Para hoje, trago alguns materiais: umas imagens para colocar nos links de navegação do blog ou seja no lugar de Postagens Antigas , Postagens Recentes e Início. Nesse feriadão prometo postar algum tutorial do PIXLR ou do Photoscape - são os meu editores porque até hoje não tenho PS. No final explico como pôr as imagens no blog, certo? Clique em "Leia Mais"















Fiz só três modelos mas, que podem ser combinados entre si. Fica ao critério de vocês usarem como queiram ou editarem em outras cores.
Quem não sabe colocar as imagens no lugar dos links de navegação aqui vai uma pequena e rápida explicação:
1º Vá no Painel do seu blog e clique na opção "Modelo"
2º Escolha a opção "Editar HTML"

Para Personalizar "Início"

3º Aperte Ctrl + F e na caixa de pesquisa cole e procure

<data:homeMsg/>

Esse código vai aparecer em dois lugares, mas você só vai mexer no segundo que aparecer.
Você irá achar mais ou menos o seguinte:

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

4º Substitua a parte verde por:

<img src="URL_DA_IMAGEM"/>

Não esqueça de substituir URL_DA_IMAGEM pelo link das imagens

Para Personalizar "Postagens mais Antigas"

5º Aperte Ctrl+F e procure por:

 <data:olderPageTitle/>

6º Substitua esse código pelo código abaixo:

<img src="URL_DA_IMAGEM"/>


Não esqueça de substituir URL_DA_IMAGEM pelo link das imagens
Para personalizar "Postagens mais recentes"

7ºAperte Ctrl+F e procure por:


<data:newerPageTitle/>

Substitua esse código pelo código abaixo:

<img src="URL_DA_IMAGEM"/>

Não esqueça de substituir URL_DA_IMAGEM pelo link das imagens
8° Visualize e depois salve se estiver tudo certo.
 Créditos dos códigos para:
Cherry bomb e Little Word


21 comentários:

  1. A sei como é fica dificil as vezes postar >3< mais sempre da um jeitinho,eu adorei as imagens são legais elas >u< muitos fofas adorei as últimas por que parece um player e fica muito lindo <3 bjkss
    Things of Kawaii|Falling Pics

    ResponderExcluir
  2. Respostas
    1. Oi, Yasmim!
      Na 1ª vez que tentei colocar imagens nos links de navegação, num layout antigo, tbém não consegui. O que não deu certo foi que eu substituí no 1º código . Na verdade era pra substituir na 2ª vez que aparecer . Será que foi isso?

      Excluir
  3. Lindo, amei! Vou até usar :3
    http://g-oldencastle.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Olá, Marcy!
      Obrigada e que bom que gostou do material e fique à vontade!
      Já visitei o blog, tô seguindo e esperando vc postar!
      Bjs

      Excluir
  4. Que lindinhas as imagens, adorei!

    Seguindo, pode retribuir? Obrigada desde já

    http://with-moon.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Oi, Jennifer!
      Que bom que aprovou os materiais!
      Sim, já retribuí e adorei já de cara o tema e o layout porque é do meu mangá favorito: Kuroshitsuji!
      Bjs e me aguarde lá!

      Excluir
  5. Amei as imagens, vao ser útil para o meu próximo lay *-*
    www.animes-love-nutella.blogspot.pt

    ResponderExcluir
    Respostas
    1. Que bom!
      Ah, vc é portuguesa? Que massa! Já sigo três blogs de patrícios das terrinhas além mar rsrs Adorei seu blog!
      Quer ser afiliada?

      Excluir
  6. Já coloquei seu blog nos afiliados flor *-*

    ResponderExcluir
  7. Ah, que bom! Também já coloquei!
    Que tenhamos uma boa parceria!
    Bjs ~chu

    ResponderExcluir
  8. Amei o modelo de diamante, sei lá, meio a minha cara u3u
    Seguindo aqui ♥

    kissu~
    the-kawaiis.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Obrigada! E já visitei o blog ele é muito kawaii!
      bjs~chu

      Excluir
  9. PERAAAAAAAAAAAAAI
    É isso mesmo que eu li? F-U-J-O-S-H-I??!!
    ME ABRAÇAAAAAAAAAAAAAAAAA

    ResponderExcluir
  10. ( ^^)人(^^ ) Bate aqui colega! E abraçando forever. Sim, sim. Amo yaoi hahaha até que enfim alguém que chega aqui e me entende rsrs

    ResponderExcluir
  11. uma pergunta,como se faz essas caixinhas que você bota códigos

    ResponderExcluir
    Respostas
    1. Yoo, Alanis-chan!
      Ah, é o "Blockquote" Você pode personalizar o modelo de "Blockquote" para seu blog. E toda vez que você quiser destacar frases ou códigos bastar clicar no símbolo de "Citação" na caixa de texto da postagem que ficam assim, em forma de caixinha. Esse meu "blockquote" já veio com o layout free que peguei no blog chá com anjos.
      kissus ~♥

      Excluir
  12. Olá! vi esse mesmo tutorial em vários lugares mas comigo nunca dá certo. A url de uma das minhas três imagens, por exemplo, é:
    https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F3.bp.blogspot.com%2F-l0RuXnkweJY%2FVSn9Oijj2pI%2FAAAAAAAAAKQ%2Fx_DbvtTQQZc%2Fs1600%2Fhome%252Bicon%252B3.png&container=blogger&gadget=a&rewriteMime=image%2F*
    mas sempre que eu coloco qualquer uma das três urls o blogger mostra a seguinte mensagem:
    The reference to entity "container" must end with the ';' delimiter.
    Como eu resolvo isso? Sou um zero à esquerda em HTML.

    ResponderExcluir
  13. Vi esse tutorial em outro blog mas penei pra por o inicio, descobri aqui que alguns layouts só aceitam na segunda vez que o termo aparece. Ajudou muuuuuuuito, obrigada <3
    Bomba de Morango

    ResponderExcluir