Bueno queridos fans en esta ocasion 

les traigo estos Iconos de Suscripción "Social Drop" que giran al pasar el cursor

Para crear este espectacular widget Usaremos CSS, mas específicamente la sintaxis transform: rotate .

Para agregar este truco en tu blog debes ir a Diseño, Añadir gadget, HTML/JavaScript y pegar el siguiente código:

<center><div id="socialicons"><a href="URL DE TU FACEBOOK" target="_blank"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKT6FZoO2ySPsllAsUBWWpM_i1kgs0Jz8SjJC1MLpZmDNxDgj-YChFxkkW3EmvvvP6A7K382mbbFDKxd4hKXkSGCylEccQO7nRi9nRE6Rhhyphenhyphen67nNvEyrB2ABhqhecGwbQIqY_DqDqZLlPC/s1600/Facebook-64.png" /></a><a href="URL DE TU GOOGLE PLUS" target="_blank"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWKN0p6E2zdLA-nGIKsHk-pDxZCtChzbS0Ilsg_ZC0cIYaR8rpMKLNl2Po6Eink4-4VmhSSq-2EExGwq7EUQ1StZPXVs81uAv8C7LCVEjIMFtSg45eNtVwG7iGxg9EooYSWPTtAZEgVYP5/s1600/Google-64.png"  /></a><a href="URL DE TU TWITTER" target="_blank"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6X5oKYYHMEGangZMSVbnq-F8eRxDzmhYa1vhQeMrXb-rAyH3-nf1sc9XyRvoGSQRQP9XyNZfeCWaIfuDKBCz2gIodiFoMTnBQpyil1axg0FZUQudWcRMBiurgxRK_Au2a-hcQpkggKJmT/s1600/Twitter-64.png"  /></a><a href="URL DE TU PINTEREST" target="_blank"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7PyKimwkut5LE1kgcE4RkYSDOS_f8nuv5gkGCOg2Z9H3GUdBvdCtzyAVmaKDwDj29EPZEznD-HWXV6Bb83h98kPUmStmDqnxFwMMcNJQejkvhtxTNwqBFGHn6P6deJ9lTGYZaQVmMR_Ty/s1600/Pinterest-64.png" /></a>

</div></center>

<style>

#socialicons img{

 -moz-transition: all 0.8s ease-in-out;

-webkit-transition: all 0.8s ease-in-out;

-o-transition: all 0.8s ease-in-out;

-ms-transition: all 0.8s ease-in-out;

transition: all 0.8s ease-in-out;}

#socialicons img:hover{

-moz-transform: rotate(360deg);

-webkit-transform: rotate(360deg);

-o-transform: rotate(360deg);

-ms-transform: rotate(360deg);

transform: rotate(360deg);}

</style>

Bueno me despido no sin antes dejarles este demo