Buenoa amigos de Mundo blogger En esta ocasión les traigo un espectacular truco para tu blog, con el cual agregaras un pack de iconos de suscripción con efecto Zoom al pasar el cursor sobre ellos, el efecto zoom en los iconos es logrado gracias a CSS, mas exactamente por la propiedad hovergallery.


Los iconos sociales se ven de la siguiente manera:

Para agregar este truco a tu blog ve a Diseño, Añadir Gadget, HTML/JavaScript y pega lo siguiente:



<div class="separator" style="clear: both; text-align: center;">
<a class="hovergallery" href="URL de tu cuenta de Google Plus" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidGu9dKSR-Mq0Fsi7wjsZwhBcI9qny4Pf1lLngA_08agJbuJIhbtOF2peFF4R0L38Icdp1rpXb4mFgsjE_2Lbs1pfZP_961Z9xtoyni-Urnk-lceQS7U-6YgWwHmflD3qvXjXFxkPYB5w/s1600/googleplus-64.png" /></a> <a class="hovergallery" href="URL de tu cuenta de Facebook" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrt9EKHpXyzhKcv8igGfaeGNfcLVTFjdUofkfX2ven7HEeZWAQYNavX0U44QddAPnujYQw4ERjzJlgxZYPhRxE8u0Rh7QoRCKOq_vk3X_LOejVacdPVIEFIwD5GCNEYEE7Rv4sPrxEalE/s1600/facebook-64.png" /></a> <a class="hovergallery" href="URL de tu cuenta de Pinterest" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDvARktYpjLXgG7D5Dnk5GWZdrZwzVTBwv2aGeYb1RaJz_nhC_4-U82A4aBjKRRP-9rH6J6ZSwRMi77B2JWSWFVvPYBISuj3ZcV6yqAGtX6SDAJmJgGsVQiCOhoZCvkwj0wXeufFwn9bE/s1600/pinterest-64.png" /></a>
<a class="hovergallery" href="URL de tu cuenta de Twitter" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjml3h1GrJUhJlIrOqCyA5BnDDvviUILdS5WXYK3n4Dq8vDXOq3JjI1Ulp9WwfTntytNVTRJErho3_GwXYejkpMNAakufv6OxemZUmNjM_oHwm8-knFXTgbvmLHLMHAEqQz5l7jtjwHf-Y/s1600/twitter-64.png" /></a> <a class="hovergallery" href="URL de tu RSS" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJX2tbt6sedaoqRmyKOhVDvfkKaqWkuP7neY3xBBP3SIFh0wx5VzUlfnW8GBd2r2QXUl8KHHj6zdVo1bo0eONofBmcWjCumlfohZ7ShjFOKFJ4dKe2yErAn83Fz9I0z5FPachcNPalgE/s1600/rss-64.png" /></a></div>
<style type="text/css">
.hovergallery img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 1px 5px 0;
}
.hovergallery img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
</style>

DEMO