Imagem na navegação do blog | Quero Dicas


Imagem na navegação do blog


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.

Abaixo algumas imagens que você pode usar. 


  


  


  

  

Beijinhos

COMPARTILHE :  

Comentários
0 Comentários


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por seu comentário e por sua presença!

Apenas peço que leia:

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 palavras de baixo calão, não serão publicados ou respondidos.

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

4 - Comente a vontade, deixe sua opinião, crítique, esclareça suas dúvidas e dê suas sugestões ou dicas sobre o assunto referente à postagem.


Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

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