aew galéra hj venho trazer um tutorial de como colocar 3 tipos de menus de redes sociais com efeitos css, muito bom esses menus recomendo.

Clicke no post para ler o artigo por inteiro.

Obs: Não esquçam de comentar, sua mão não irá cair, sei q as veses pode ser chato mais vcs não sabem a diferença q faz cada comentário, além de nos animar a postar mais coisas nos ficamos gratos e as vezes ainda damos um bonus para vcs, então comentem ae pf, vlw.





 Para instalar um desses no seu blog, apenas copie um dos códigos abaixo com seus respectivos códigos.
Depois vá em “Design” –> “Elementos da página"–> “Adicionar um gadget” –> “HTML/Javascript” e cole-os, em seguida faça as devidas alterações "URL PERFIL TWITTER" , "URL PERFIL FACEBOOK" , "URL PERFIL GOOGLE PLUS" , "URL CANAL YOUTUBE".

modelo 1:
<br /> <br /> <style> .minhasredes1 { padding: 15px; } .minhasredes1 a { -webkit-transition:All 1s ease; -moz-transition:All 1s ease; opacity: 0.5; } .minhasredes1 a:hover { opacity: 1; } .minhasredes1 img { -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; } .minhasredes1 img:hover { -webkit-transform: rotate(10deg) scale(1.2) skew(1deg) translate(0px); } </style><br /> <br /> <div class="minhasredes1"><a href="URL PERFIL TWITTER" title="Siga-me no Twitter"><img src="http://dl.dropbox.com/u/47734544/Icones/RS%201/twitter-icon.png"/></a><br /> <a href="URL PERFIL FACEBOOK" title="Me adicione no Facebook"><img src="http://dl.dropbox.com/u/47734544/Icones/RS%201/facebook-icon.png"/></a><br /> <a href="URL PERFIL GOOGLE PLUS" title="Me circule no Google Plus"><img src="http://dl.dropbox.com/u/47734544/Icones/RS%201/googleplus-icon.png"/></a><br /> <a href="URL CANAL YOUTUBE" title="Inscreva-se no nosso canal"><img src="http://dl.dropbox.com/u/47734544/Icones/RS%201/youtube-icon.png"/></a><br /> </div><br />

modelo 2:
<br /> <br /> <style> .minhasredes2 { padding: 15px; } .minhasredes2 a { -webkit-transition:All 1s ease; -moz-transition:All 1s ease; opacity: 0.5; } .minhasredes2 a:hover { opacity: 1; } .minhasredes2 img { -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; } .minhasredes2 img:hover { -webkit-transform: rotate(10deg) scale(1.2) skew(1deg) translate(0px); } </style><br /> <br /> <div class="minhasredes2"><a href="URL PERFIL TWITTER" title="Siga-me no Twitter"><img src="http://dl.dropbox.com/u/47734544/Icones/RS%202/Twitter-icon.png"/></a><br /> <a href="URL PERFIL FACEBOOK" title="Me adicione no Facebook"><img src="http://dl.dropbox.com/u/47734544/Icones/RS%202/Facebook-icon.png"/></a><br /> <a href="URL PERFIL GOOGLE PLUS" title="Me circule no Google Plus"><img src="http://dl.dropbox.com/u/47734544/Icones/RS%202/Google-Plus-icon.png"/></a><br /> <a href="URL FEED" title="Assine nosso Feed"><img src="http://dl.dropbox.com/u/47734544/Icones/RS%202/RSS-icon.png"/></a><br /> </div><br />

modelo 3:
<br /> <br /> <style> .minhasredes3 { padding: 15px; } .minhasredes3 a { -webkit-transition:All 1s ease; -moz-transition:All 1s ease; opacity: 0.5; } .minhasredes3 a:hover { opacity: 1; } .minhasredes3 img { -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; } </style><br /> <br /> <div class="minhasredes3"><a href="URL PERFIL TWITTER" title="Siga-me no Twitter"><img src="http://dl.dropbox.com/u/47734544/Icones/RS%203/twitter-icon.png"/></a><br /> <a href="URL PERFIL FACEBOOK"title="Me adicione no Facebook"><img src="http://dl.dropbox.com/u/47734544/Icones/RS%203/facebook-icon.png"/></a><br /> <a href="URL FEED"title="Assine nosso Feed"><img src="http://dl.dropbox.com/u/47734544/Icones/RS%203/rss-icon.png"/></a><br /> </div><br />

ta ae, espero q gostem, vlw.