.
Image Map

12 janeiro, 2013

Tutorial: afiliados básico


Olá pessoal! Tudo bom?

Hoje vim ensinar como colocar os afiliados no seu blog, do jeito básico. Vai ver alguém não sabe e não consegue achar um tuto. Enfim, vamos lá?

Clique em Mais Infomações e aprenda.
Bom, já vou avisando que ele ficou um pouco grande, então...

1- Escolha a imagem que você quer usar como "ícone" do seu afiliado. No meu blog, por exemplo, se você ver no gadget 'Afiliados' os "ícones" são fotos dos integrantes do Arctic Monkeys. Bom, escolhida a imagem, vá para o dois.

2- A sua imagem é quadrada? Se sim, ótimo. Se não, você terá que fazer o seguinte: Provavelmente você tem algum programa de edição de imagem, certo? Sim. Você abre esse editor e coloca pra cortar a sua imagem num formato quadrado. Dependendo do que você quer que apareça na imagem, você tem deixar maior ou menor a área de corte. Por exemplo, cortar a imagem para ela ficar 444 x 444, 200 x 200, etc. Depois de ter transformado a sua imagem no formato quadrado, você vai para o 3.


3- No meu blog, o tamanho da imagem é 50 x 50, então, se agora no começo do blog você quiser deixar mais básico, faça com as imagens 50 x 50. Mas, Alice, minha imagem tá 150 x 150. Então, nesse editor que você usou para cortar a imagem, você irá redimensiona-la. Por isso que ela tem que estar quadrada, para não distorcer. Enfim, você redimensiona sua imagem para 50 x 50. E salva ela. Vá para o 4.

Adicionar legenda

4- Como o código que você usará precisa da url da sua imagem, você precisará hospedar sua imagem. Não é difícil. Você entra nesse site: http://tinypic.com/. Onde está escrito 'File' você adiciona o arquivo da imagem que você quer. O resto não altera nada, ok? Clica em 'Upload Now!'. Vá para 5.


5- Irá aparecer várias opções de códigos, urls e coisas do tipo. Você ira copiar a url que está na box do "IMG Code for Forums & Message Boards". Guarde essa URL.

6- Clique em adicionar um gadget e escolha a opção de HTML/JavaScript. Lá você irá colocar esse código:
<a href="URL DO AFILIADO" title="NOME DO BLOG DO AFILIADO"><img class="elitepom" src="URL DA IMAGEM" /></a>


RETIRE O [IMG] E O [/IMG] DA URL!

7- Salve.

Bom, foi isso. Agora, conforme você for conseguindo mais afiliados é só você repetir o processo. É um código daqueles do passo 6 para cada afiliado, ok? Uma dica: já deixe  pronto as fotos redimensionadas e salvas, porque aí na hora de colocar a URL no código você não precisa fazer o passo 1,2,3, sua imagem já está pronta e você só precisa pegar a URL.

Gostaram? Já sabiam fazer? Esse é o básico mesmo. Comentem e opinem!
Beijão!

Um comentário:

  1. Tag pra vc no meu blog =3
    http://dechels.blogspot.com.br/2013/01/primeira-e-segunda-tag-do-circle.html

    ResponderExcluir