Afiliados personalizado

Bom dia amores, eu vou postar o tutorial dos afiliados bem legal, quem quiser fazer só seguir direitinho. Mais antes quero falar uma coisa, está tendo festa aqui na minha cidade, minha irmã foi, só eu fiquei em casa sozinha, mas tudo bem eu adoro ficar só em casa, primeiro porque eu me concentro no que eu estou fazendo e segundo porque eu coloco as minhas musicas loucas que eu adoro. enfim me chamaram pra eu ir também mais recusei o convite, estou dando um tempo sobre sair pra festas sakas? porque cidade pequena sabe como é né! o povo não cuidam da sua vida e sim da dos outros, e mais uma coisa o próximo post vai ser sobre plágio, eu acho, eu tenho tanta coisa pra falar, sobre essa pura safadeza! então é isso, fiquem com o tutorial agora, cliquem em Leia mais para ver.

Primeiro vá em Designer >> Editar HTML >> aperte  F3 no teclado e procure por:

]]></b:skin>

e depois acima dela coloque esse código aqui:

.afiliados {
opacity: 0.7;
-webkit-transition: 0.5s;
border-radius:10px;
width: 60px;
height: 60px;
text-align: center;
}
.afiliados:hover {
opacity: 1.0;
border-radius:15px;
}.mycs {
opacity: 0.6 ;
-webkit-transition: 0.5s;
border-radius:0px;
width: 290px;
height: 100px;
text-align: center;
}
.mycs:hover {
opacity: 1.0;
border-radius:10px;
}

* Em vermelho é o tamanho da imagem que irá ficar nos afiliados. modifique o tamanho que você quer!
depois salve e vá em designer >> Elementos da página e adicione um Gadget e coloque esse código:

<a href="http://URL.com" title="Título da imagem"><img src="LINK_DA_IMAGEM" class="afiliados"/></a>

Adicione o código de acordo com o tanto de afiliados que você tiver.

Aqui é outro modelo.

Vá em ]]></b:skin> e antes dela acrescente esse código aqui:

.afiliados {
opacity: 0.7;
box-shadow: 2px 1px 3px #909090;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
transition-duration: 3s;
-moz-transition-duration: 3s;
-webkit-transition-duration: 3s;
width: 60px;
height: 60px;
}
.afiliados:hover {
opacity: 1.0;
transform: rotate(-360deg) scale(1) skew(0deg);
-moz-transform: rotate(-360deg) scale(1) skew(0deg);
-webkit-transform: rotate(-360deg) scale(1) skew(0deg);
-o-transform: rotate(-360deg) scale(1) skew(0deg);
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
transition-duration: 3s;
-moz-transition-duration: 3s;
-webkit-transition-duration: 3s;
width: 60px;
height: 60px;
}

* Em vermelho é o tamanho da imagem que irá ficar nos afiliados. modifique o tamanho que você quer!
depois salve e vá em designer >> Elementos da página e adicione um Gadget e coloque esse código:

<center><a href="Link afiliado 1" title=" Nome afiliado 1 "><img src=" Imagem afiliado 1 " class="afiliados"/></a> </center>

Pronto, repita a quantidade de códigos para o número de afiliados que você tiver. Agora vou dormir, até daqui a dois dias, estou morrendo de sono, mais também eu quase não largo o computador quando não é aqui é no facebook. ;/  Mil Besos ♥
créditos: Sweet Bomb