Tutorial: Afiliados com borda hover

Olá minhas pulguinhas, viciei nos tutos, e vou trazer mais um! Créditos:: (www) hoje vou ensinar a fazer esse efeito:: 

Vamos logo? Go Go!

1° Vai direto para HTML, clique em Ctrl + F e pesquise por:

]]></b:skin>

 2° Depois que achar, cole ACIMA do tag o código:

.elitescale{-moz-border-radius: 2px;-webkit-border-radius: 2px;-webkit-transition: 0s linear;-webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;background-color: #FF6EB4; /*Cor da borda */padding: 3px;}.elitescale:hover {background-color: #AB82FF; /*Cor da borda quando passa o mouse */padding: 3px;}

3° Mude o destacado, pelas cores que quiser, use a Tabela de Cores

4° Visualize para ver se está tudo normal e depois salve
5° Agora vamos para layout, adicione um gadget  Java Script e nele cole o seguinte código:

<a href="Link do Blog" title="Nome do blog"><img src="link da sua imagem" class="elitescale"/></a>

 6° Faça as alterações necessárias e salve.

FIM ... 
Fácil né? 3Bjs&Fui