Como fazer um Elite Afiliados

Oie meus morangos 

Hoje uma amiga me pergunto como colocar imagem no elite afiliados,

a Jessikinhado Linda Morena

Bem por essa razão resolvi fazer esse tuto

explicando passo a passo como fazer um elite afiliados

igualzinho ao meu! Espero qe gostem

O resultado é bem legal, vejam;

   
   
    
    

Bom, primeiro você tem que ter as imagens prontas e todas precisam ser do mesmo tamanho, eu uso do tamanho 50x50 mas vocês podem usar maiores ou menores.
Aqui vocês encontrarão algumas xxx

Vá em design - adicionar um gadget - adicione um gadget de texto

assim:

Clique em editar Html (no gagdet)

assim:

Após clicar, cole lá o código abaixo 4 vezes sem deixar espaço, é pra ficar tipo um texto tudo junto, depois de enter e repita o processo quantas vezes preferir.

Código

<a href="endereço do blog" none;="" target="_blank" text-decoration:="" title="nome do blog"><img class="borderimage" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Hd_doSS-h5JWJHdI25PbAOz4OhszZdtgiFw3Sy7fEYuw3mUPggyurboaeJAA4pNvgJEVNxmoIwKDmu-S1-JuBUTBboGoc4lfTfImYEIypTACLUiIZa0wbLW4ORaK1gqynVKtJOr0ri8/s1600/g.jpg" style="opacity: 0.5;" /></a>&nbsp

Obs: A quantidade de vezes que você colar o código sem dar enter, deixando tudo junto, é o número de afiliados que terá na primeira linha exemplo, se você colar o código 4 vezes sem dar enter você terá 4 quadradinhos de afiliados na primeira linha se colar 5 vezes sem dar enter terá 5 quadradinhos de afiliados na primeira linha e assim por diante, assim que você da enter, é como se pulasse para a linha de baixo.

Depois de colar o código, deve fazer as alterações, onde está escrito em azul você coloca o endereço do blog afiliado, ou seja a Url, onde está escrito em roxo você coloca o nome do blog afiliado, e onde está emvermelho você coloca a imagem de afiliação.

Lembrando que isso da um certo trabalho eu recomendo salvar o código no word e ir fazendo as alterações lá, e depois colar o código com as alterações já feitas no gadget de texto, foi isso que eu fiz.

Depois de ter feito tudo clique em formato rich text para visualizar se está tudo certo

assim:

Se estiver tudo certo, salve.

Eu sei que é um pouco complicado de entender, mas é só prestar um pouco de atenção, dúvidas deixem nos comentários.