Gadget social p/ sidebar

Oi pessoal ,vim trazer uma partilha já que tenho um tempinho livre.
É mais um modelo de redes sociais para o blog e para colocár na sidebar.
Um gadget simples só de icones mas com efeito rotativo como pode vêr na imagem acima é o resultado finál.
Mas pode visualizár aqui online: ENTRE AQUI...
Agora vamos em esquema ou layout se tiver em inglés e adicione um gadget html/javascript e cole meu código dentro...

<style>
#best-tuga-social{
float:center;
list-style:none;
margin:8px 0 0;
padding:0px;
width:auto;
overflow:hidden;
}
#best-tuga-social li{
float:left;
margin-right:10px;
border:none;
}
.icone,.icone a{
width:42px;
height:64px;
transition-duration: 3s;
-moz-transition-duration: 3s;
-webkit-transition-duration: 3s;
 
}
.icone a:hover{
transform: rotate(-360deg) scale(1) skew(0deg);
-moz-transform: rotate(-360deg) scale(1) skew(0deg);
-webkit-transform: rotate(-360deg) scale(1) skew(0deg);
-o-transform: rotate(-360deg) scale(1) skew(0deg);
}
</style>
<div id='best-tuga-social'>
<li class='icone'><a href='http://feeds.feedburner.com/aqui id feed' target='_blank'><img src='http://i.imgur.com/G1ZCOL7.png'/></a></li>
<li class='icone'><a href='http://www.facebook.com/aqui nome facebook' target='_blank'><img src='http://i.imgur.com/YDKjIFb.png'/></a></li>
<li class='icone'><a href='http://www.twitter.com/ aqui nome twitter' target='_blank'><img src='http://i.imgur.com/dDgPIsX.png'/></a></li>
<li class='icone'><a href='http://www.linkedin.com/aqui nome linkedin' target='_blank'><img src='http://i.imgur.com/ZIKUOrB.png'/></a></li>
</div>

Vamos procurar estes nomes:

1. aqui id feed-coloca seu ID/nome do seu feed
2. aqui nome facebook- coloca seu nome facebook
3.  aqui nome twitter- coloca seu nome twitter
4. aqui nome linkedin- coloca seu nome linkedin

E salve e veja como ficou,em caso de dúvidas disponha até mais...

Gadget social p/ sidebar

► 1

► r sociais

► Cartita