Iconos de Suscripción con efecto de bordes redondeados

Haciendo uso nuevamente de la propiedad img class="redondeado". tiempo atras hoy he creado unos iconos de suscripciones con bordes redondeados que al pasar el cursor sobre ellos despliegan un bello efecto.

A continuacion una imagen de como funciona el truco.

 

 

Para agregar este truco a tu blog pega antes de ]]></b:skin> el siguiente codigo:

 .redondeado {
border-radius: 50%; /* Borde redondeado */
box-shadow: 0px 0px 15px #000; /* Sombra */
padding:0;
border:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.redondeado:hover {
box-shadow: 0; /* Con esto eliminamos la sombra */
border-radius: 0; /* Con esto eliminamos el borde redondeado */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

Ahora en un elemento HTML/JavaScript pega lo siguiente :

 <div class="ads">
<a href="URL DE TU FACEBOOK" target="_blank" title="¡Facebook!"><img class="redondeado" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOrLT4Jk-BtcPqOyZ6Mjoe6J8MtBq1lSxNDiYjlwQC-YoLpADJLdRuSbHRKOqs2502WNWSNB6TKmHMebAnjxS76Vp_RW7uuEv_WvjQuxx_RoZE7jchCnsIUK8Lr-P8QCI0MHlrOl_OLLU/s128/Facebook.png" /></a>
<a href="URL DE TU TWITTER" target="_blank" title="¡Twitter!"><img class="redondeado" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEindO7p1f3pijIO4PvagPg7FZqmx_fM_cR1wBWXnUT8dueWKYj-XXJJK8f9zufCu703aM2E0cz973BsV-or7eDJjV9Hb4rv5y2Dzdv5GxfVcbbbvwN0HxKA0pt1EnprkCcIikyQE9nQgl0/s128/Twitter.png" /></a>
<a href="URL DE TU YOUTUBE" target="_blank" title="¡YouTube!"><img class="redondeado" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8MsO2EZ_py3DA45CB2WlKW5Js7D9PMWAfMUcCZ93-xvHZkTBOSpTuSaxRNSSytm0c0FPrHLUPZxaYr7KhPRlajGyljWDAeQe53Lw7jG8G82dE-MfVMRTDR8bEULI3TLBd0kWbu2b6RzU/s128/Youtube.png" /></a>
<a href="URL DE TU RSS" target="_blank" title="¡RSS!"><img class="redondeado" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV49eIHlmuSn4K_zkSUsG15127FG0EwVr8lXZSymxnspuOfswE3NY-U3QBjdz8y0NYxjW08LGCqZkh3pqqCjcMPalL4k_9NL-Rs_wSc8Qo_20T4Eaj12Jek61KZ502TyaRkI65gLS_Jkc/s128/RSS.png" /></a>
</div>

Para finalizar solo debes cambiar lo que resalte en color azul por la URL de tus cuentas y listo.

espero que les guste..