sexta-feira, 6 de janeiro de 2012

Tutorial-Menu marcadores com imagem


Oi hoje vou ensinar como fazer um menu de marcadores com imagem igual ao do blog Menina Nerd:


Exemplo


Vamos lá:

* Primeiro pesquise por mini gifs da sua preferência , abaixo vai alguns links:

+Mini Gifs 2 


* Crie seus buttons da cor e do tamanho das colunas do seu blog  ou menor , hospede elas de preferência no ImageShack, mas pode ser no Picasa . Feito isso vá no seu blog em design > e adicione o gadget de marcadores e salve, caso você já tenha o gadget adicionado no seu blog faça o seguinte:


* Vá em design no seu blog e adicione um gadget de texto , e cole todos os seus buttons de marcador ,  agora em outra aba ou janela vá para a página inicial do seu blog e clique em um marcador, e quando estiver na página que tem apenas os posts com o tema daquele marcador você copia o endereço da página , vai no gadget de texto seleciona a imagem correspondente à aquele marcador , clica em criar link nas opções de editar o texto do gadget e cola o endereço que aquele button vai direcionar.

* E repita isso até colocar o link de cada marcador nas imagens correspondentes, quando terminar salve , e visualize , clique nas imagens para ver se elas estão direcionando para o marcador certo , e se estiver tudo ok , agora é só excluir o gadget de marcadores.


* Mas prestem atenção na hora de criar os buttons para que quando você os coloque no blog não fiquem maiores que a coluna.


Créditos: Trecky Teen, faça uma visita :)