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: