Imagem na navegação do blog (Postagens Recentes - Início - Postagens mais Antigas) | Quero Dicas | Tutoriais para seu blogs


Imagem na navegação do blog (Postagens Recentes - Início - Postagens mais Antigas)


Sempre buscamos coisas diferentes pelos blogs que ensinam como construir um.
Normalmente, são sempre iguais, afinal, sempre é a mesma base; cabeçalho, rodapé, sidebar, menu, redes sociais, etc.

Aqui no Quero Dicas, não é diferente! Ele tem apenas 2 meses e com o passar dos dias, vou postando tudo o que conheço e sei fazer. Estou começando pelo básico, se continuar me visitando ou até mesmo me seguindo, verá que trarei coisas bem legais para você. Assim como estou fazendo agora, te ensinar como colocar uma imagem na navegação de suas páginas.

Vamos parar de tralálá e ir ao tutorial.
Antes de editar o html do seu template, eu recomendo fazer um Backup do seu template, caso você queira voltar ao estado anterior. Não sabe fazer Backup? Não tem problema, leia este tutorial.

    Código da Imagem.

Este é o código que iremos utilizar.
 <img src="URL DA IMAGEM"/> 

  
Imagem
Crie um imagem do seu jeitinho, hospede-a na Web ou no seu próprio blog. Caso não saiba, veja uma dessa postagens:
Como hospedar uma imagem gratuitamente na Web para seu blog
Como hospedar suas imagens no seu próprio blog

Se quiser, ao final da postagem tem algumas imagens que você pode usar.
E saiba: Para cada link é uma imagem diferente.

Quando terminar, cole o endereço da imagem onde está escrito URL DA IMAGEM (dentro das aspas). Pronto!

O primeiro passo da sua navegação está quase pronta. Agora vamos implantá-la . 

    Implantando o código

Acesse o seu blog. Vá em DesignerModelo e em Editar HTML

Postagens mais antiga
Vamos começar pela imagem do link "Postagens mais antigas".

1 - Procure pelo código abaixo
 
<data:olderPageTitle/>



2 - Após achá-lo, substitua ele pelo código da imagem e Salve!


 Postagens mais recentes
Agora vamos para o link " Postagens mais recentes"

1 - Procure pelo código abaixo

 <data:newerPageTitle/>
 

2 - Após achá-lo, faça a mesma coisa, o substitua pelo código da imagem e Salve!

Início
Para terminar, vamos para o link "Início"

1 - Procure pelo código abaixo

 <data:homeMsg/> 
 

2 - Você irá encontrar 2 iguais. Cole o código da imagem no segundo que encontrar. Caso não apareça a imagem, cole o código no primeiro e salve.
______________________________________________________

Pronto! Sua navegação agora está fashion!
Caso você não queira trocar por imagem e sim por texto, apenas substitua o códigos da imagem por imagens com texto, faça o que achar melhor.

Aqui tem algumas imagens de exemplo que você pode usar. 
(clique na imagem e copie a URL de cada imagem separadamente)


  


  


  

  

Não deixem de comentar! Beijinhos

Me Contrate!


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por sua colaboração.

Comente. Mais peço que leia antes:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com xingamentos entre outros, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Comentários somente URLs de terceiros, não serão publicados.

♥ - Caso queira divulgar seu blog gratuitamente, Acesse, Galeria de Blogs
♥ - Eu terei o maior prazer em colocar o link ou seu banner nesta galeria.

Muito obrigada por seu comentário e por sua vista.
Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.