ícones sociais 3D com efeito de giro para Blogger

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.
Atualmente as redes sociais desempenham um papel muito importante na divulgação do conteúdo do seu blog. É essencial que você adicione os ícones das redes sociais em blog e convide as pessoas a compartilhar seu artigos. É fundamental para ganhar visibilidade na rede. Hoje vou ensinar como colocar um pacote de ícones sociais 3D com efeito de giro no blogger.

cones sociais 3D com efeito de giro para Blogger
O principal efeito desses ícones  é o giro de 360 graus, efeito conseguido com CSS. Quando você coloca o cursor sobre o ícone ele gira 360 graus, quando o cursor é removido ele gira 360 graus de volta.

E também tem um ligeiro efeito hover de opacidade nos ícones. Neste post vou mostrar como adicionar os ícones em seu blogger.
Aqui estão os ícones em pleno funcionamento, veja o que acontece quando você coloca o cursor sobre eles.

Demonstração

 

Como adicionar os ícones sociais 3D com efeito de giro para Blogger

1. Acesse o painel do seu blog
2. Clique na guia “Layout
3. Clique em ‘Adicionar um gadget’ → Escolha tipo’HTML/Javascript’ e cole o seguinte código:
 

Nome-do-seu-blog” src=”http://feeds.feedburner.com/~fc/nome-do-seu-blog?bg=ff9933&fg=000000&anim=1″ style=”border:0″ />

Importante – Substitua os textos destacados em azul com seus perfis sociais e o nome do seu blog.

Salve e pronto!

Qualquer duvida não hesite em perguntar.

Até a próxima!

.

10 Comentários

  1. Cara sou blogueiro a um tempinho ai, esse código é simplesmente maravilhoso, vlw mesmo
    estava a tempos querendo ele mas nunca dava certo agora ficou perfeito….

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.