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 

+Gifs Cute

+Van Vianna

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