07/02/2013

Imagem nos links de paginação


Yooo! Como vão vocês hoje? Venho trazer um rápido tutorial em pedido de Fernanda, do blog JM.  Irei mostrar como colocar imagens nos links de navegação, a onde fica escrito postagens mais antigas, postagens mais recentes e inicio. Não sei vocês, mas,  apesar de ser uma parte onde as pessoas não ficam olhando muito, também merece uma personalidade em seu layout. Então vou mostrar como arrumar esta parte, e super fácil em menos de 1 minuto já aplicado.


Como normalmente ela é, então vamos colocar uma imagem no lugar e ficara assim.

Imagem do blog Bunny Crazy

Antes de começar o tutorial, crie 3 imagens ou peguem em algum blog de utilitarios,  e as hospedem em algum site. Depois disso vá ate seu blog e abra a parte de HTML, então clique na caixinha "Expandir modelos de widgets".

Imagem do link "Início"

Usando o atalho Ctrl+F procure por <data:homeMsg/>, ele vai aparecer em dois lugares mas você só vai precisa meche no primeiro, então substitua esse código pelo abaixo:

Códigos
<img src="LINK DA IMAGEM"/>  


Imagem do link "Postagens mais antigas"

Usando o atalho Ctrl+F procure por <data:olderPageTitle/>, então substitua esse código pelo abaixo:

Códigos
<img src="LINK DA IMAGEM"/>


Imagem do link "Postagens mais recentes"

 Usando o atalho Ctrl+F procure por <data:newerPageTitle/>, então substitua esse código pelo abaixo:

Códigos
<img src="LINK DA IMAGEM"/>
Caso queira algumas imagens de navegação clique aqui.

12 comentários:

  1. Obrigada por postar esse tutorial, rsrs, ajudou mt, fica mt mais bonito com essas imagens, bjs ;*

    http://juventudedamoda-br.blogspot.com.br

    ResponderExcluir
  2. Esse tuto é ótimo sempre uso ele.

    kisses ♥.

    http://meucupcakedemorango.blogspot.com.br/

    ResponderExcluir
  3. Miguxa me ajudaaaaaaaaaaaaa
    Tentei mudar o link de navegação mas não deu certo as imagens não aparecem, segui todos os passos do tutu. t.t

    ResponderExcluir
    Respostas
    1. Claro ajudo sim, irei responder lá no seu blog ^^

      Excluir
  4. Nossa muito bom mesmo o tutorial me ajudou muito!!!A única coisa que ico em dúvida é um bom site para hospedar imagens tem como vc me indicar alguns?

    ResponderExcluir
    Respostas
    1. Oi Fer que bom, que pude ajudar.
      Bom um que o pessoal usa bastante é o Tumblr e o Picasa eu mesma uso esses dois e nunca tive problema, mas farei uma postagem indicando os melhores e deixarei o link no seu blog ok? ^^

      www.tumblr.com/themes/upload_static_file

      Excluir
  5. Oi, adorei mesmo >33<
    Obrigada vou usar com créditos é claro.

    ResponderExcluir
    Respostas
    1. Que bom <3 Agradeço pelos creditos Babi-chan.

      Excluir
  6. ain não consegui não tem isso de "Expandir modelos de widgets".
    não achei affs
    queria mudar.
    Sera que fiz algo errado?
    http://loveandei.blogspot.com.br/

    ResponderExcluir
  7. Não linda, não fez nada errado o blogger removeu o "Expandir modelos de widgets"para facilitar a pesquisa, agora é só procurar direto. ^^

    ResponderExcluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345