09/01/2012

Como Ter um Menu Personalizado

Oi, gente! Hoje, É meu primeiro post pra valer,  aquele foi apenas uma apresentaçãozinha,Bem , irei postar sobre html , tutoriais e disponibilizar templates ! E o tutorial que trago hoje é pra ensinar a usar uma imagem como marcador. É muuuuuuuuito simples, deve ser por isso que eu não vi nenhum tutorial explicando... Bom, vamos lá :

 1.  Antes de tudo você vai precisar de imagens. De preferência como esta , usando mine gif's
 Não usem esta imagem , é  ORIGINAL do blog Trashy Teens ! Mais mesmo assim, se quiser insistir em copiar pelo menos não plagie, dê créditos ok ?



Mine Gif Usado <

 2.   Agora é só montar o código: 

<a href="http://SEUBLOG.blogspot.com/search/label/NOME DO MARCADOR"><img src="URL DA IMAGEM" /></a></div>


 Substitua as partes destacadas em vermelho:

- Seu blog: Coloque o seu endereço antes .blogspot (no caso do BS agente colocaria : lilyblckstar).

- Nome do Marcador: coloque exatamente o mesmo nome que você coloca na hora da postagem (já vou explicar isso). Caso tenha espaços, coloque assim mesmo! Exemplo: http://lilyblackstar.blogspot.com/search/label/Não Classificado

- URL da imagem: Para usar as imagens pegue o URL delas clicando do lado direito do mouse, e depois em "Copiar URL da imagem". Caso não tenha isso, abra a imagem em outra guia, ou arraste até a barra de endereços e copie o novo endereço. Caso você queria fazer ela e pegar hospede-a no Imageshack e copie o Direckt Link, ou, Link Direto

 3.  Agora é só ir em Layout e clicar em "Adicionar um Gadget", escolha o gadget "HTML/JavaScript" e cole o código. Pronto! Agora é só salvar!
Observação :Se for 2 marcadores , cole o código 2x se for 3 3x e assim vai , ex :
-Clique Para Ampliar-

  2 º Observação:  Não se esqueça de colocar o "Nome do Marcador" IGUAL ao que você usou na hora da postagem:
Visitem : Trashyteens.blogspot.com
Dúvidas? Comente que eu respondo ! 
Beijos , Fiquem com Deus e até o Próximo Tutorial !

Nenhum comentário: