Efeito Para Afiliados

Quando eu achei esse gif começou a tocar Problem.

Oi gente. Tudo bem? 

Quem sabe eu poste hoje e amanhã porque eu comecei a fazer ballet semana passada mas hoje não tem porque a professora teve compromisso então eu vou voltar pra casa.

Hoje eu trouxe um tutorial pra vocês. Bora conferir?

Esse efeito de afiliados é do Goods Sweets, crédito a eles. Preview deles X

Vá até o seu HTML e procure por ]]></b:skin>. Depois que achar cole o seguinte código acima dele.

/***** EFEITO AFILIADOS POR GOODS-SWEETS.BLOGSPOT.COM ******/
.pb {
-webkit-transition-duration: .90s;
border: 4px solid #fbf5ff; /***** COR DA BORDA ******/
}
.pb:hover {
-webkit-transition-duration: .90s;
-webkit-filter: grayscale(85%);
-border-radius:180px 180px 180px 180px;
-moz-border-radius: 180px 180px 180px 180px;
-webkit-border-radius: 180px 180px 180px 180px;
border: 4px solid #fbf5ff; /***** COR DA BORDA EM HOVER ******/ opacity: 0.8;
cursor: crosshair;
}

Mude apenas o necessário para que não danifique o código e eles combine com o seu blog (cores e tamanho da borda) 

Adicione um gadget  javascript  e cole

<a href="Link do blog" title="Nome"><img class="pb" src="Link da Imagem" /></a>
<a href="Link do blog" title="Nome"><img class="pb" src="Link da Imagem" /></a>
<a href="Link do blog" title="Nome"><img class="pb" src="Link da Imagem" /></a>
<a href="Link do blog" title="Nome"><img class="pb" src="Link da Imagem" /></a>
<a href="Link do blog" title="Nome"><img class="pb" src="Link da Imagem" /></a>

É só mudar o que se pede e pronto. Espero que tenham gostado.