16 de jul. de 2011

Elite Afiliados

A pedido de uma seguidora, vim lhes ensinar como fazer uma elite para os afiliados como a que tem aqui no blog, fazendo nosso primeiro tutorial e espero que façamos vários daqui pra frente. Não é muito difícil, só seguir exatamente o que disser aqui. Vou explicar da forma mais simplificada que conseguir.
     Abra seu blog na parte de "Design" e clique em "adicionar gadget", vá lá e escolha um gadget de texto (passo 1). Após escolher o gadget, clique na opção "editar html" (passo 2).

 
     No espaço para html cole o seguinte código:

<a title="NOME DO BLOG" href="URL DO BLOG"><img style="opacity: 1.0" class="borderimage" src="URL DA IMAGEM" /></a>
Quando fiz esse tutorial coloquei o código errado, ocasionando apenas um problema de opacidade nas imagens que antes estavam 0,5 mas agora ficará melhor assim. Desculpem o problema. 

     Sem dar espaços, cole o código três vezes, dê enter, cole mais três vezes, dê enter e cole mais três vezes (passo 3).

     Tudo que estiver em letra maiúscula será subtituído. Onde estiver escrito NOME DO BLOG, você exclui e coloca o nome do blog do seu afiliado, onde estiver URL DO BLOG exclua e coloque o url (endereço do blog) do afiliado (passo 4). Vou lhes mostrar um exemplo de como ficará:

<a title="Tudo Sobre Qualquer Coisa" href=http://rafadeoliveira-tudosobrequalquercoisa.blogspot.com><img style="opacity: 1.0" class="borderimage" src="URL DA IMAGEM" /></a>

     Agora vamos para a imagem, um pouquinho mais complicado. Você deve ter uma imagem para cada um de seus afiliados e uma para os espaços que ficarão em branco, essas imagens devem ser do mesmo tamanho, podem ser 40x40 ou 50x50 ou 60x60 dependendo do espaço que você tiver para colocar o gadget, mas você também pode colocar quaisquer outras medidas que quiser, o importante é que as imagens fiquem do mesmo tamanho.
     Aprender a deixar as imagens do tamanho que você quiser.
     Após ter suas imagens, coloque-as em algum site para alojamente de imagens, eu sempre uso o Image Shack. Depois pegue o código url da imagem e coloque ao invés de URL DA IMAGEM no código. Um exemplo de como vai ficar:

<a title="Tudo Sobre Qualquer Coisa" href=http://rafadeoliveira-tudosobrequalquercoisa.blogspot.com><img style="opacity: 1.0" class="borderimage" src="http://img62.imageshack.us/img62/7719/bobt.png" /></a>

     Agora é só você colocar em "formato rich text" no gadget e ver se ficou do jeito que você queria. Se não tiver ficado, leia o post novamente e tente fazer com calma. Qualquer dúvida pode perguntar por comentário aqui.
     Vai ficar assim, só mudando as imagens que você escolher:

7 comentários:

Marcinha disse...

AAAAA especialmente pra mim né kkkkk' mas eu aprendi, não ficou muito bonitinho, usei apenas coração nas imagens, mas tá de boa, vc já tá lá xD bjinhos
http://whatthehellsociedade.blogspot.com

Unknown disse...

Amei o tutorial, bem explicadinho, caprichou!

Está rolando um sorteio lá no meu blog, participa.. quem sabe você não ganha? Já estou seguindo aqui!

http://tvfabulous.blogspot.com

Bjs, Sté

Dalva Caroline disse...

Rafa vota em mim nesse concurso? pf :D http://blog-mundo-da-moda.blogspot.com/2011/07/aberta-as-votacoes-para-o-concurso.html vota la em vida de garota! =)

camila disse...

Oi flor eu amei seu tutorial, de todos da internet, o seu foi o que me explicou melhor! Eu não sei fazer uma imagem 40por 40 no photoscape! Me ensina! Por favor! Te agradeço! Amei seu blog! bjs e seguindo...

www.rosachiclete-s2.blogspot.com

Anônimo disse...

Olá, gostaria de fazer um convite!
Gostaria de participar da Elite do blog Rockers e Lovers?

Quero respostas kkk
bjs Lee dona do blog

rockerselove.blogspot.com

Anônimo disse...

Claro, podemos ser parceiras :D bjs lee
rockerselove.blogspot.com

Meninas da Liberdade disse...

Obrigada, Obrigada e Thanks!! Já vou colocar no blog, e é claro que você estará nele! Ufa, finalmente achei!

www.meninasdaliberdade.blogspot.com

Postar um comentário

- Para evitar que seu comentário venha a ser excluído, leia a política de comentários do blog.
- Antes de fazer uma pergunta dê uma olhada na página de FAQ para ver se sua pergunta já não foi respondida lá.

Obrigada por comentar. Saber que minhas postagens são valorizadas por outras pessoas é o que me faz continuar com o blog