Tutorial - Botões Redes Sociais Giratória

 Nossa Avaliação Do Conteúdo:
Descrição: Como colocar botões redes sociais Giratórias no blog/site links !  

Formato: PNG

Gênero:  Tutoriais,

Créditos: Baixe Grátis Piá

Tutorial:

Com base neste tutorial podemos adicionar redes sociais Giratórias no Gadgets do blog

No painel do Blogger, clique em Layout e em Adicionar um Gadget (botão da sidebar). Selecione o item HTML/JavaScript e cole o código abaixo.

<div class="widget-container"> <div class="social-profiles-widget"> <!-- Place this code where you want the badge to render. --> <div id=""> <style> #social a:hover {background-color: transparent;opacity:0.7;} #social 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; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style><br> <center> <div id="social"> <!--Start Rss Icon--><br> <a href="LINK-RSS" target="_blank" title="Pegue o nosso feed rss"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh63g1te4N6qL7H42utr-a6rSlFOU8rNM06SkheluUflJ3SoYpYv4NBedrZ5n2_d3iPDIgMmDDovk8qt0nSgh7l314PePb9-gigZlj6pRtpvEPZ-wLwnbWCWirKcS-3GMY8XCjKPfDhx4A/s1600/BOTAORSS%252BBAIXEGRATISPIA.png" alt="Icon" border="0" style="margin-right:1px;"></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a href="EMAIL-RSS" rel="nofollow" target="_blank" title="Receba atualizações gratuitas por e-mail"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwS08wB5roMN3WGeUVhGoovYoVAjyJ5F5Hii3fnQzT6jph4bgQrITu5OYkZJA2x6j7gv0qFhN01Glho95HQ9ng_W1BvHhMBujFcQBrSeAXUjCAnJXOTy1dyrRhEPU-WVgMfv21oMeL8s/s1600/BOTAOEMAILRSS%252BBAIXEGRATISPIA.png" style="margin-right:1px;"></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--><a href="LINK-FaceBook" rel="nofollow" target="_blank" title="Curta a nossa página do facebook"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjllxXf-19HtZ2ttrBKlAokj0pv6Eg1DpXBbJ5Founn8wjAKbSbs_8b6OIsic5iZ0ufOp0J878I-oJ0QvWP19W4sk5nHo9DZ8fdZmnDkKs3iDoCvayHHmzWSuIJght5TRT-7VlXDT4Ghts/s1600/BOTAOFACEBOOK%252BBAIXEGRATISPIA.png" style="margin-right:1px;"></a><!--End Facebook Icon--> <!--Start Twitter Icon--> <a href="LINK-TWITTER" rel="nofollow" target="_blank" title="Siga-nos no twitter e receba atualizações"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg09zxAwrcLTAV5pVoXRFVET7keDPTiIVj_XY0QpPYNqdXZOzyqgSIwURhk4YaZC0hBCvKKRzsPyNmDjPdPnlNYdAWg3dBXO0cK5JXvG9Ir_ia2hjISS0vVvn9_x683-rZ1_hk7eREObAs/s1600/BOTAOTWITTER%252BBAIXEGRATISPIA.png" alt="Icon" border="0" style="margin-right:1px;"></a> <a href="Google+" rel="nofollow" target="_blank" title="Siga-nos no google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGrJf8F6hQMtagJnFTYdnLB8PVKYR-R07xDbnZXuJK7R-mbAjX4TlF_adw_pMx-3lWIzTOR43D-_U8lYaq_Y_prc43-vl3EhgGm0CfPyBqcWvJbpcXtNNiEE8ApnRjeb4wMGNBiYKjquQ/s1600/BOTAOGOOGLE%252BBAIXEGRATISPIA.png" style="margin-right:1px;"></a><!--End Google+ Icon--> </div> </center> </div> </div> </div>
E Salve!

Gostou? Comente!