02/02/2013

Marcadores personalizados :D

Eu disse que ia ter tutorial,eheheehe! Beleza,é um tutorial bem simples,com HTML simples,nada complicado (talvez mais para a frente eu traga tutoriais com o HTML monstro do template inteiro e é um HTML monstro mesmo e.e)
Vai ser bem curtinho,sem muita coisa :3

Sabem aquelas imagens na lateral do blog escrito "home","imagens","chat" ? Para fazer isso eu utilizo um HTML bem simples,o que está à seguir:

<a href="URL DA PAGINA AQUI"><img src="URL DA IMAGEM AQUI"0" /></a>

Não é um HTML monstro :D

Beleza,vamos começar,nesse HTML onde está escrito URL da página aqui você irá colocar a URL  que redirecionará até a página que você quiser,que poderá ser dentro ou fora do blog,pode ser qualquer link que você quiser!

usarei de exemplo o HTML já pronto do blog.


















Ali o primeiro está direcionado à home que é só colocar o endereço do blog,sem nada.Na hora de apagar,CUIDADO para não apagar as aspas,se você apagar,vou ser bem direta,dá merda!

tá,não preciso explicar como da ctrl+c e ctrl+v para colocar o link da página.

Beleza,galera!Vamos para a imagem para deixar personalizado :D

O tamanho de lateral varia para blogs,aqui,já é padrão a medida 230 X 69
Não recomendo fazer aquelas coisas exageradas,com a imagem enorme,que é uma desgraça.Fica totalmente feio,eu sei muito bem que eu já fiz isso.Mas se você preferir deixar gigante,tudo beleza! Eu recomendo usar 230 x 69

Tá,não preciso explicar como fazer a imagem,certo?Isso todo mundo já deve saber como se faz e.e

Para que tenha a imagem,você deve hospedá-la em algum site. Eu recomendo esse,que eu gosto muito: TinyPic. Agora tenho uma leve sensação de que alguns falarão: TinyPic,por que não o Imageshack? Beleza,não confio muito no Imageshack,ele deu bug muitas vezes comigo,tipo aparecia um pequeno ícone no lugar da imagem quando eu as colocava exatamente neste HTML que estou à ensinar. E as imagens saem em uma qualidade toda pixealizada. E se você for preguiçoso,para usar o link certo para fazer você precisa do direct link que para você copiar no Imageshack precisa criar conta e no Tinypic,não '-'

Eu peguei qualquer imagem só para mostrar :D

~Lembrando que no TinyPic ele pede captcha para fazer o upload. (captcha são aquelas letras todas embaralhadas e coisa do tipo que nós temos que adivinhar qual é,ali no caso,elas são bem fáceis)




















Você terá que pegar o último link "Direct Link for Layouts" 
Agora é só pegar e colar onde está escrito no HTML "URL da imagem aqui" e pronto!! Não preciso dizer que precisa apagar o "URL DA PÁGINA" e "URL DA IMAGEM".

Agora copie o HTML inteiro vá a página LAYOUT  e clique em adicionar gadget. Lá terá uma lista de gadgets,procure por HTML/javascript,escolha esse.


















Agora cole naquele campo de texto o HTML e é só salvar :D


















Depois é só visualizar :D


Nenhum comentário:

Postar um comentário

Comente,comentários incentivam quem traz o conteúdo mais sem sentido para esse blog! Gostamos de saber a sua opinião ou apenas ler o que vocês têm a dizer!
Ninguém nunca segue isso,mas por favor,sem comentários ofensivos ou grosseiros. Críticas são bem vindas,se forem construtivas.