Efeito arredondado nos Parceiros

Yo galera, hoje eu venho trazer um efeito que todos estão usando que é colocar o efeito arredondado  no banner. Então vamos lá.

Vá no seu painel do Blogger » Design » Editar Html

Procure por: ]]></b:skin

Acima da tag coloque o seguinte código:

/* --- Designer Project---*/
#parceiros img{opacity: .3;
filter:alpha(opacity=30);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
border: 1x #fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#fff;
}
#parceiros img:hover{opacity:5.0;
filter:alpha(opacity=500);
-moz-opacity: 5.0;
-khtml-opacity: 5.0;
box-shadow: 1px 1px 1px 1px #000;
-moz-box-shadow: 1px 1px 1px 1px #000;
-webkit-box-shadow: 1px 1px 1px 1px #000;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
transition: all 0.7s linear;
}

Agora, em layout da página, crie um gadget JavaScript e antes do código dos parceiros coloque o seguinte código

<div id="parceiros">
<ul>
<li><a href="LINK_DO_POST">NOME_DO_POST</a></li>
</ul>
</div>