2 de abr de 2013

Widget - Redes sociais flutuante dinâmica para Blogger

Atualização: 25/06/2013

Olá pessoal, hoje temos um novo widget de redes sociais para blogger, que encontrei no template Pakdhe Johny, achei muito interessante e tenho que compartilhar. Esse é mais um dos muitos widgets disponíveis para fazer seu blog mais amigável. E esse script não é apenas um deles, mas um dos melhores. Ele é muito semelhante ao que podemos ver nos novos modelos que o Blogger introduziu.





1° passo: Acesse o painel do Blogger, escolha o blog que você deseja instalar, selecione a opção "Modelo" e clique em "Editar Html". Logo em seguida procure por </head> e cole o código a seguir antes dela.


2° passo: Com o editor HTML ainda aberto procure por <b:skin> e clique na setinha  para expandir a edição. Agora procure por </b:skin> e logo acima cole o seguinte código:

4° passo: Agora procure por <body> e cole o próximo código abaixo da tag encontrada.

Realize as seguintes alterações antes de fechar:

Altere USUÁRIO DO TWITTER pelo seu usuário do Twitter.
Substitua NOME DO FEED por seu usuário no Feedburner.
Substitua URL GOOGLE+ por sua página/perfil no Google Plus.
Substitua URL DA FANPAGE por sua página no Facebook.

4° passo: Salve e pronto!

Deixe seu comentário e diga o que achou desse widget!
Compartilhe essa postagem!
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

Recomendamos para você »

32 comentários

  1. coloquei, mas nao apareceu o efeito de se mexer :/

    ResponderExcluir
  2. Ei, cara, muito show o layout do seu blog (acho que já falei isso no Dihit ahahaa, mas...) Ah, tá tudo muito parecido com o FerramentasBlog! :D

    ResponderExcluir
    Respostas
    1. Muito obrigado Anny! Nem sei o que dizer, comparar o Mundo Informal com o incrível FerramentasBlog do blogueiro Marcos Lemos é um elogio e tanto...
      Abraços

      Excluir
  3. Olá... não funcionou no meu blog. Apareceu a os ícones, mas não se mexeu, nem criou os links.

    ResponderExcluir
    Respostas
    1. Já foi corrigido, tente repetir o processo de intalação substituindo o código anterir. :>)

      Excluir
  4. Não achei a opção "HTML/Javascript" no blogger.. Pode me ajudar

    ResponderExcluir
  5. Olá Rubens! Após fazer login em sua conta, e estando no painel, navegue até opção "Layout" e após isso clique em "Adicionar gadget" logo em seguida aparecerá uma lista de widgets a serem adicionados... Role a lista até encontrar a opção "HTML/Javascript"...

    ResponderExcluir
  6. cara ta dando erro pode corrir não esta aparecendo as tabelas

    ResponderExcluir
  7. o meu não está linkando... só está a imagem estática no meu blog... =(

    ResponderExcluir
  8. Amigo ainda não funciona, pois até aparece no blogger mas não se movimenta nem tem link nenhum. :-?

    ResponderExcluir
  9. Olá Marcus Vinicius, sobre o Widget não funcionou o efeito
    nem o link. Pode me ajudar ?

    ResponderExcluir
  10. Não funcionou. Não vai para o link. Já fiz mais de uma vez.

    ResponderExcluir
  11. Olá, o efeito de mexer não está dando certo, se tiver como coloca em português, curtir e etc, ficaria grato :)

    ResponderExcluir
  12. O meu apareceu mais não criou link´s :(

    ResponderExcluir
  13. Bem legal seu blog, porem o codigo não funciona, aparece os icones mas eles não estão com o efeito.

    ResponderExcluir
  14. Olá Marcus tudo bem?
    Conserta o código ae. Precisando aqui.
    Abrçs
    +F

    ResponderExcluir
  15. Todo o mundo falando que não funciona.. e ninguém arruma o código!

    ResponderExcluir
  16. Não se mexe e nem funciona o link :/

    ResponderExcluir
  17. Respostas
    1. A todos que comentaram, informo que após revisão, o widget está funcionando normal, e corretamente agora. Peço desculpa a todos que tiveram problemas na instalação deste, pois o mesmo só funcionava em templates cujos scripts já estavam instalados.

      Excluir
  18. parabéns no meu deu certinho! mais eu queria do lado direito

    ResponderExcluir
  19. Então cara o problema esta nesse link abaixo no seu código:

    http://1.bp.blogspot.com/-KOzIiYFlBAk/UUmLwwZSs-I/AAAAAAAAAnA/h6G772N3cpI/s1600/mas-icons.png

    Se poder conserta agradeceria.

    ResponderExcluir
  20. Olá! Como faço para alinhar ela na direita da pagina? E aparecer os icons?

    ResponderExcluir
  21. Não é possível que ninguém hospedou esse arquivo de imagem mas-icons.png
    em algum lugar! tá faltando só isso...

    ResponderExcluir
  22. Cara, no meu blog ele aparece só quando ta carregando o blog, depois da impressao de que fica por tras. Como arrumo isso?

    ResponderExcluir
  23. Muito bom mas as imagens foram excluidas...

    ResponderExcluir

Seja livre para expor seu pensamento!

Se preferir, antes, leia nossas regras para comentários...
(Atenção: Comentários "Anônimo" não serão publicados. Escolha "Nome/URL". Obrigado!)
Bom comentário!

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Pré-Designed by BlogThietKe Designed by @Mundo_Informal
© 2012-2014 .::Mundo Informal::. Todos os direitos Reservados
Licença Creative Commons
...See you!
Voltar ao topo