MASIGNCLEAN101

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 esse artigo!
Marcus Vinicius
escreve para o Mundo Informal sob a licença Creative Commons BY-SA 3.0. Você pode usar e compartilhar este conteúdo desde que credite o autor e veículo original do mesmo.
avatar

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

7 de abril de 2013 09:28
avatar

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

11 de abril de 2013 13:59
avatar

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

11 de abril de 2013 20:35
avatar
Daniele

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

17 de abril de 2013 14:57
avatar

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

19 de abril de 2013 11:51
avatar

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

26 de abril de 2013 15:19
avatar

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"...

27 de abril de 2013 19:25
avatar
Anônimo

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

1 de maio de 2013 20:09
avatar

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

11 de maio de 2013 21:53
avatar

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

14 de maio de 2013 19:13
avatar

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

18 de maio de 2013 01:53
avatar
Rafael

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

20 de maio de 2013 14:58
avatar

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

20 de maio de 2013 17:45
avatar

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

21 de maio de 2013 22:53
avatar

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

26 de maio de 2013 22:52
avatar

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

4 de junho de 2013 08:20
avatar

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

10 de junho de 2013 19:53
avatar

Não se mexe e nem funciona o link :/

16 de junho de 2013 18:45
avatar

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.

29 de junho de 2013 01:39
avatar

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

6 de julho de 2013 02:38
avatar

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.

2 de agosto de 2013 02:57
avatar

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

11 de agosto de 2013 18:56
avatar

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

21 de outubro de 2013 14:20
avatar

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

19 de dezembro de 2013 15:35
avatar

Muito bom mas as imagens foram excluidas...

27 de dezembro de 2013 11:08
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!