07/02/2013

Tutorial: Imagem nos links de navegaçã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:

<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:

<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:

<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
    Respostas
    1. Não foi nada, realmente fica

      Excluir
  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

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram