Tutorial: Afiliados em uma imagem só

Yo chocos ^^

Hoje vim postar um tutorial que eu conheço faz algum tempinho, eu tinha ele aqui no bloco de notas, então resolvi postar. Queria falar também, as pessoas que me ajudaram no Nerd Kawaii, eu fiquei muito feliz e já temos 70 seguidores =) Tem até presentinho para vocês lá e vagas na equipe também

Créditos ao Tutorial: <3

Clique para ver: <3

Gostou do preview? Então leia mais para ver o tutorial =)

Lembrando: Você vai precisar do PhotoScape  

• 1- Crie uma imagem do tamanho de sua preferência.
• 2- Abra o PhotoScape e Clique em "Divisor".
• 3- Depois disso abra sua imagem e defina as medidas, 50x50 Recomendado.
• 4- Feito isso clique em "Divisão", e depois salve.
• 5- Agora hospede suas imagens.

6- Agora vá no seu HTML , aperte F3 e procure por ]]><b:skin> e acima da tag cole o código abaixo :

.afili {

opacity: 0.6;

-webkit-transition: 0.4s;

width: 50px;

height: 50px;

text-align: center;

margin-bottom: -3px;

}

.afili:hover {

opacity: 1.1;

}

 7- Não altere NADA, para adicionar cole o seguinte código HTML/JavaScript, repetindo várias vezes até que suas imagens estejam todas certas.

<a href="http://URL.com" title="Título da imagem"><img src="LINK DA IMAGEM" class="afili"/></a>

É isso gente, espero que tenham gostado, fiz com todo amor e carinho para vocês =)