[TUTORIAL] Widget "Redes sociais giratória"

Widget "Redes sociais giratória"

<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://i.imgur.com/9Jac9.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://i.imgur.com/V3f50.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://i.imgur.com/lwGPi.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://i.imgur.com/AlRAT.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://i.imgur.com/kCAHm.png" style="margin-right:1px;"></a><!--End Google+ Icon-->
</div>
</center></div></div></div>

Nome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle.

Utilizar um table type: - Nesta opção, deverá ser marcado o "Não".

Título do widget: - Nesta opção, não será necessário preenchimento, resultado da marcação do "Não" anteriormente.

Fonte do widget: - Neste campo, Devemos inserir o código trabalhamos no 3º Passo.

Salvar: - Para que o widget apareça corretamente, este box deve ser acionado, após as devidas modificações.

• Resultado:
  

Fórum dos Fóruns

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Widget "Redes sociais giratória"