24/09/2016

| |

Aprenda como se faz um Menu de Imagens para o seu blog.

O Menu com Imagens é elegante e dar um ar de organização no seu blog.Facilite para o seu leitor os assuntos do seu blog.


blogs


Olá, queridos amigos!!

Chegando já com uma super dica para você: APRENDA COMO SE FAZ UM MENU DE IMAGENS PARA O SEU BLOG.

Já faz um tempão que eu procuro por um código assim, para fazer esse MENU que fica no topo do blog, com imagens.Já vi em centenas de blogs e nada de achar.Nesse sábado, achei e corri para fazer essa postagem.

É super bacana ter um menu assim,pois facilita muito a vida das pessoas que visitam o seu blog.

Então vem aprender!!



Trabalhando com os ícones:

Você vai precisar de um programa para imagens, eu sempre uso o PHOTOSCAPE,pois eu o acho mais fácil de manusear.

Leia também: TRABALHANDO COM O PHOTOSCAPE
                     



No Photoscape, clique em EDITOR e depois em MENU e escolha o tamanho do seu ícone ( eu escolhi 100x100 ).No  centro vai aparecer um quadrado branco e é nele que você irá colocar o ícone da sua categoria.Clique no ícone de FOTOGRAFIA ( seta a esquerda ) e escolha o ícone da sua categoria que está no seu pc.Veja acima:



Depois de escolhido o ícone ( desenho ), você clicará na letra T, abaixo do desenho do coração e escreverá o nome da categoria que pertence o seu assunto no seu blog.No meu caso, eu escrevi CONTATO e arrumei para ficar certinho com o ícone.Está satisfeita? Então clique em SALVAR. Não feche o Photoscape, pois você precisará fazer o mesmo procedimento para os demais ícones.



Copiando o Endereço da Imagem:



Depois que você salvou os ícones que você irá usar no seu pc, salve agora em um blog de testes, fazendo uma postagem com esses ícones e publicando ou em qualquer site que hospeda imagens.Só assim você terá o ENDEREÇO DA IMAGEM.



Clique com o botão DIREITO do mouse e selecione COPIAR ENDEREÇO DA IMAGEM.Veja acima:




Fazendo o seu Menu com imagens: 

 

Agora vai até o painel do seu blog, clica em LAYOUT e depois em ADICIONAR UM GADGET e depois em HTML/JAVASCRIPT e cole o código abaixo:



<a href="link do seu marcador"><img src="Endereço da imagem" alt="Nome do Marcador" />
<a href="link do seu marcador"><img src="Endereço da imagem" alt="Nome do Marcador" />
<a href="link do seu marcador"><img src="Endereço da imagem" alt="Nome do Marcador" />
<a href="link do seu marcador"><img src="Endereço da imagem" alt="Nome do Marcador" />
<a href="link do seu marcador"><img src="Endereço da imagem" alt="Nome do Marcador" />
<a href="link do seu marcador"><img src="Endereço da imagem" alt="Nome do Marcador" />
<a href="link do seu marcador"><img src="Endereço da imagem" alt="Nome do Marcador" />
<a href="link do seu marcador"><img src="Endereço da imagem" alt="Nome do Marcador" /> 

 
 
É só você ir colocando na parte vermelha o que está sendo pedido, sempre entre ASPAS.Você terá o seu MENU COM IMAGENS no seu blog.Veja abaixo:

http://megacodigosfaceis.blogspot.com.br/search/label/Artes#axzz4LC9FvrOR




Sobre o Autor:
Magda moreira Meu nome é Magda Moreira, sou professora e atualmente estou fazendo o curso de Pedagogia.Sou blogueira de coração e uma curiosa da internet.Meu blog Agenda dos Blogs tem como objetivos:Divulgação de blogs gratuitamente e elaboração de projetos e tutoriais voltados aos blogueiros.

3 comentários:

  1. Que bacana a dica realmente facilita muito o leitor a achar os assuntos do blog, fica mais organizado, gostei da dica, bjs.

    ResponderExcluir
  2. Oi, vim lá do Blog da Alê Bordados e Crochê.
    Valeu a dica.
    Um dia consigo fazer rsrsr
    joturquezzamundfial
    Beijos.

    ResponderExcluir

Deixe um comentário, que ficarei muito feliz!!!!!
Abraços á todos!!!!