Tutorial para a Thais

Primeiramente sujiro que você dee uma repaginada no seu blog ! Pois o modelo que está agr quando foor colocar a imagem nas gadgets ficara estranho ! (MINHA OPINIÃO SE ÑÑ QUISEER NAUM MUDE )
   
   
   
Para colocar a imagem no blog redirecionando-a para um determinado link,você precisa hospedá-la.
Abaixo,alguns sites bons para isso:
Tiny Pic
Image Shack
Dumpa Nimage
Irei usar o ImageShack para explicar.
Primeiro,entre no site. (dãããr)
E então,clique em "Browse"
Escolha a imagem que você editou e clique em "Carregar Agora"
Espere carregar.
A página irá atualizar e abrirá então outra.
Copie então o segundo código,como mostro na imagem a seguir: (clique para ampliar)


Copiou? Então vamos para o próximo passo.
Imagem-Link no Blog.
Esse é o último passo. Preste atenção e você terminará isso rápido.
Agora que você ja tem a imagem e o link dela,vamos adicioná-la no blog redirecionando-a a um link que você queira.
Para adicionar,primeiro,vá em Layout/Design e clique em Adicionar um Gadget. EscolhaHTML/JavaScript. Quando abrir o Pop-Up,cole em "Conteúdo" o link a seguir.
ATENÇÃO!!!
Antes de você copiar o link a seguir,cole o link da sua imagem em algum lugar para não ter que perder e hospedar de novo.

<a href="LINK AQUI"><img src="LINK DA IMAGEM AQUI" border="0" /></a>
Depois,é só editar esse link. No lugar de LINK AQUI,coloque o link de onde você quer que vá,quando alguém clicar na imagem.
ATENÇÃO!!!
Antes de pôr o link certifique-se de que tenha o " HTTP:// " antes, senão,ao clicar na imagem,o blog falará que a página não existe no seu blog.
E quando editar o link,não tire as aspas,senão a imagem nem o link irão aparecer.
E agora,finalmente,no lugar de LINK DA IMAGEM AQUI,coloque o link da imagem,seguindo as regras de não tirar as aspas e colocar sempre o "HTTP://"
Então,basta apenas clicar em SALVAR e ver sua obra de arte.
Espero que eu tenha ajudado a esclarecer as dúvidas.
AGR VAMOS AAO IMAGEM NA SIDEBAR OU GADGET


1ª Vá em Designe e editar html. Aperte Crtl+F e procure por .sidebar .widget h2 {
Aperte Enter e cole este codigo : background: url(endereço da imagem ou seja o link ) repeat-x;
ee Salvar.
Agr aprecie seeu blog !

5 comentários

  1. Transformação; Believix
    Winx: Bloom, Musa, Flora e Stella

    Eu que te agradeço!

    ResponderExcluir
    Respostas
    1. Se for só uma winx, escolho a Bloom =)

      Excluir
  2. Seu tutorial ficou ótimo! As imagens mais ainda, o primeiro eu consegui, as imagens no gadget não exatamente, eu nunca me dei bem com códigos HTML, por mais fáceis que sejam, fiz tudo certo (acho) mas não deu :( Mas ai, eu add o gadget imagem e retirei o título de todos os gadgets para por este como título, o resultado final ficou bem parecido! Obrigada =)

    ResponderExcluir
    Respostas
    1. De nada e alias seeu blog ficou mto bonito !

      Excluir

Oooi ^^
Obrigado por comentar ^^
Volte sempre !
- È proibido comentários com Palavrões, propagandas e ofensas
- Sobre parceria comente apenas na pagina parceria.
- Não aceitamos Tags apenas Selinhos