Botão do Facebook, Twitter, Google Buzz no mesmo Gadget

widget redes sociais
Que tal um jeito mais simples de colocar botões para enviar as postagens do seu blog para o Facebook, Twitter e Google Buzz? Então use esse código feito pelo site Acessórios para Blogs e coloque os 3 botões de uma vez só no seu blog com apenas uma linha de código e divulgue seu blog nestas redes sociais. Esses botões funcionam para qualquer pagina do seu blog seja ela uma postagem, pagina inicial ou pagina dos marcadores.

Você pode escolher se mostrará esses botões no menu do seu blog ou em um dos cantos da pagina, assim eles ficarão sempre visíveis e tem mais chances das pessoas recomendarem seus posts no Google Buzz(Botão Google Buzz com contador), Twitter(Twitter button no seu blog - botão retweet) ou Facebook(Botão Curtir do Facebook no Blogger).

Código para colocar na sidebar (menu do blog):
<script type="text/javascript" src="http://acessoriosparablogs.com.br/gadgets/redes-mini.js"></script>


Código dos botões fixos no canto da pagina:
<div style="position:fixed;bottom:0px;right:0px;width: 105px;" ><script type="text/javascript" src="http://acessoriosparablogs.com.br/gadgets/redes-mini.js"></script></div>


divulgar blogsDa maneira que está o código acima os botões ficarão na parte de baixo da pagina no canto direito, de quiser trocar a posição você só precisa mudar a palavra bottom por top(coloca o botão no topo da pagina) ou a palavra right por left(lado esquerdo) assim poderá usar esses botões em qualquer posição da tela.

Para mostrar os botões do Google Buzz, Facebook e Twitter com tamanho normal use os códigos abaixo:

<div style="position:fixed;bottom:0px;right:0px;width: 70px;" ><script type="text/javascript" src="http://acessoriosparablogs.com.br/gadgets/redes.js"></script></div>


Lembramos que neste caso vale a mesma explicação sobre posicionamento que fizemos para logo acima no trecho que falamos dos botões em tamanho pequeno.

Se tiver alguma sugestão sobre outros botões ou duvidas deixe um comentário e vamos ver quais alterações ou novos códigos podemos fazer. Esse é apenas o primeiro de nossos códigos deste tipo que reúnem vários botões num mesmo lugar e certamente faremos outros futuramente. Portanto aguardamos sugestões.
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

72 comentários:

  1. vc poderia fazer com botão no tamanho normal em vez de mini

    ResponderExcluir
  2. fizemos a atualização da postagem colocando também os botões em tamanho normal

    ResponderExcluir
  3. Olá Fabiano
    Por incrível que pareça eu quero é remover os botões de compartilhamento do meu blog mesmo porque não tenho nenhum interesse nesses outros sites de relacionamento. Até que já tive, mas, fechei todas as minhas contas. Cansei!
    Como faço para remover? já tentei ali no "editar postagens no blog" e não marquei a opção, porém os botões continuam.
    Espero que me ajude.
    Desde já muito obrigada

    ResponderExcluir
  4. precisa lembrar como colocou o código no blog e apagar, está falando do nosso gadget? ou os botões padrão do blogger?

    ResponderExcluir
  5. Fabiano, eu falo dos botões padrão de compartilhamento do blogger e não o gadget porque eu não inserí nenhum código.

    Obrigada pela atenção.

    ResponderExcluir
  6. entre na pagina editar html, clique para expandir modelo, procure e apague esse trecho:

    <div class='post-share-buttons'><b:include data='post' name='shareButtons'/></div>

    ResponderExcluir
  7. Muito obrigada Fabiano Roberto
    Não é sem razão que vc já ultrapassou os 2 milhões de visitantes, tudo isso pela sua eficiência, presteza e educação.
    Já retirei os botões e muito obrigada.
    Considero esse seu trabalho de grande utilidade pública.
    Desejo que tenha um ótimo final de semana.
    Abçs

    ResponderExcluir
  8. Olá, gostaria de saber como postar atalhos do orkut, youtube e facebook do meu blog na coluna como aqui no seu blog. Valeu!

    ResponderExcluir
  9. Tiberio Ribeiro
    vou postar como fazer aqueles links com imagens lado a lado como uso aqui no Dicas para Blogs, devo publicar isso amanhã ou no máximo na segunda-feira.

    não fiz hoje porque já estava devendo a postagem Mostrar Botões de Compartilhamento no Blogspot a mais tempo rsrs

    ResponderExcluir
  10. Muito obrigado e parabéns, seu blog me ajuda muito.

    ResponderExcluir
  11. oi coloquei o botão promova no orkut ,mas não está funcionado ,sempre da erro 404, será que é só no meu blog ou é em todos os blogues.

    ResponderExcluir
  12. Rosane Correa Martins
    é uma falha do orkut, não sabemos o que houve com o botão promova no orkut, mas parou de funcionar.

    ResponderExcluir
  13. Olá,eu queria pedir para vcs fazerem passo a passo qp tem pessoas que não entende muito de pc.Tenho recebido pedido para eu ensinar como fazer só que eu não tenho tempo.ai eu disse que ia pedir pra vc fazer o passo a passo.Obrigada.

    ResponderExcluir
  14. poxa queria remover esses butoes share, facebook, twitter que fica ao lado da página..esqueci de fazer o upload da página antes incluir este widget....scocorro?
    acessa meu blog pra ver, fica na margem esquerda e acompanha quando acgente abaixa,
    www.folhadoboscque.blogspot.com
    porfavor me ajudem!

    ResponderExcluir
  15. infelizmente o unico jeito é achar e apagar o código

    ResponderExcluir
  16. mas se quiser colocar no template pode fazer depois de instalar no blog

    ResponderExcluir
  17. Olá, Fabiano.
    Minha dúvida é onde colar os códigos.
    Em qual linha?
    Obrigado

    ResponderExcluir
  18. você pode colocar o código como um gadget de html/javascript

    se usar esse código <div style="position:fixe......

    os botões ficam fixos no canto da pagina não importa o lugar que o gadget ficar

    ResponderExcluir
  19. Bom dia, estou colocando esse sistema de redes sociais no meu site, que achei bem interessante, porém notei que o que é compartilhado no twitte é o que está no < title > da página, haveria um jeito de trocar essa tag? Grato

    ResponderExcluir
  20. os códigos dos botões são gerados pelos sites (facebook, twitter e google buzz) não temos como alterar o sistema de envio

    ResponderExcluir
  21. Boa noite cara,

    è o seguinte, é isso mesmo que eu quero, mais eu nao sei onde colocar os codigos, vc falou no Menu do blog mais eu não sei onde e a psição.

    Gostaria de uma orientação.


    Abraço

    ResponderExcluir
  22. você coloca esse código como um gadget de html/javascript e escolhe o lugar onde vai posicionar o gadget

    se for para colocar fixo no canto da pagina não faz diferença a posição do gadget

    ResponderExcluir
  23. Olá.

    Usei um de seus códigos acima (o dos botões em tamanho normal) em meu blog, e e agora eles ficam flutuando no canto direito inferior da tela. Não gostei muito do resultado, por questões de cor e estilo, então queria removê-los. Voc6E pode me ajudar? Não acho o código em lugar nenhum do HTML...

    ResponderExcluir
  24. Enfim, por que é que o código nao aparece no corpo como eu colei-o???

    ResponderExcluir
  25. o código deve estar em algum gadget do seu blog, o unico jeito é achar e apagar o código.

    ResponderExcluir
  26. MEU AMIGO
    GOSTEI MUITO DO SEU SITE E APRENDI MUITO COM SUAS DICAS.
    TENHO UM BLOG,ONDE DISPONIBILIZO FILMES PARA DOWNLOADS AOS VISITANTES.
    COMO FAÇO PARA COLOCAR UM BOTÃO "DOWNLOAD" ANIMADO NA PÁGINA DO MEU BLOG?
    FORTE ABRAÇO.

    ResponderExcluir
  27. COSME.
    no código do link para download você pode substituir o texto por uma imagem assim:

    <img src="endereço da imagem" border="0" />



    mas claro colocando o endereço da imagem que desejar

    ResponderExcluir
  28. Porque meu blogger fica uma barrinha de pesquisa do facebook e twitter separando os gadgets e como faço para trocar aquuilo por barrinhas divisórias?

    ResponderExcluir
  29. o código já está pronto.. não tem como alterar, se fizermos uma modificação irá alterar em todos os blogs que já usam esse código

    ResponderExcluir
  30. Então fazer o que né? Valeu !!!
    Seu blogger é show!!!
    Brigaduh!!!

    ResponderExcluir
  31. como eu coloco os botôes iguais ao os do blog desse garoto ?
    http://www.garotodegrife.com/2010_10_01_archive.html

    ResponderExcluir
  32. Dicas para Blogs é muito legal,você esta de parabens,ja consegui mudar o meu blog e ficou show,atraves de suas dicas fiz varias mudanças.
    Muito obrigada.
    http://dalva100amizade.blogspot.com/

    ResponderExcluir
  33. Obrigada pelas dicas.Seu blog é muito 10

    ResponderExcluir
  34. Olá Fabiano, olha vc presta um serviço imenso, a nós que somos leigos com relação a implementar nossos blogs, a se não fosse pessoas como vc, olha a unica forma que tenho te retribuir a ajuda que vc mim dar é: levando seu banner e colocando no meu blog, muito obrigado por todas as dicas dada por vc, desejo que Deus a cada dia te abençoe mais e mais, se quiser fazer uma visitinha,, vai ser um prazer te receber em meu blog, a aproveita e mim dar mais umas dicas!!! rsrsr.

    http://eddynunes.blogspot.com/

    ResponderExcluir
  35. Ola vc podia colocar o codigo do seus botoes aki que esta do lador direito na parte inferior desta pagina por favor

    ResponderExcluir
  36. *'-_-'*Riallis*'-_-'*
    aqui tem como
    Fixar botões no canto da pagina

    e os botões são do AddThis, é só pegar o código dos botões e usar o outro tutorial sobre canto da pagina

    ResponderExcluir
  37. Olá !!!

    Coloquei o mini e adorei ! Obrigada por nos orientar e compartilhar conosco !!

    Abraços e bom fim de semana !

    ResponderExcluir
  38. deu um problema no meu blog quando eu fui fazer isso ele ficou com os três botões mas foi duplicado em outro lugar da página do blog só q eu n consigo deletar nem achar no editor html me ajuda!

    ResponderExcluir
  39. use o ctrl F... veja se não colou duas vezes o mesmo código... ou já tinha codigo pra algum desses botões no seu blog

    ResponderExcluir
  40. Quero retirar os botões de rede social do blogspot usei o código que você indicou acima para o amigo, mas não funcionou; não encontro o código, mesmo expandindo os modelos de widgets.Ajude-me

    ResponderExcluir
  41. talvez o código esteja em um gadget.

    mas tente procurar por trechos do código, use o ctrl F e deve achar na pagina editar html

    ResponderExcluir
  42. Fabiano,
    Eu tenho dois Blogs: um pessoal (http://trombadeelefante.blogspot.com/) e outro do meu escritório (http://consultoriagomeseoliveira.blogspot.com/)
    Acontece que, sem perceber, consegui inserir, sem precisar adcc nenhum código, os links de compartilhamento de redes sociais ao fim da postagem, no meu blog empresarial.
    Fiz de tudo pra descobrir como esses links foram parar no fim da postagem, pois eu gostaria de colocar no meu blog pessoal. Será que o google criou um modo automático? Você pode me ajudar a descobrir?

    ResponderExcluir
  43. Sabrina Gomes
    devem ser os botões padrão do blogger... veja aqui: Mostrar Botões de Compartilhamento no Blogspot

    se quiser pode retirar pela pagina design

    ResponderExcluir
  44. Olá fabiano como sempre ajudando ^^!
    Ai cara vé so..
    Não tem como você por junto desses 3 botões o do Google +1?
    Tem outra coisinha, tipow eu sei que você tem todo o trabalho de fazer.. + tinha como você diminuir um poco + a fonte do seu comercial? ^^ pq ele fica + em destaque do que os botões!!

    Vlws cara.. não entenda como uma reclamação + sim, como uma opinião de um mero visitante do seu blogger.

    ResponderExcluir
  45. Miguxi
    acho melhor colocar o botão do +1 separado deste código, senão pode gerar conflito com outros blogs que já usam esse código...

    mas se você colocar o código do botão +1 vai funcionar normalmente

    ResponderExcluir
  46. Fabiano,
    meu problema é o contrário do amigo "elcarloveyes". Marquei os botões de compartilhamento padrão do blogger mas eles não aparecem nas postagens. Tb tentei seguir suas instruções para colocar botão de curtir e enviar do facebook e eles não aparecem nem no início nen no final das postagens. O que tem de errado?

    ResponderExcluir
  47. Oi Fabiano...
    Procurando aqui no Dicas, achei o código para inserir no html para mostrar os botões padrão de compartilhamento do blogger, mas ainda não consegui sucesso com os botões curtir e enviar do facebook. Vc me ajuda? Quando coloquei via gadget funciona, mas não fica por postagem.

    ResponderExcluir
  48. Karen
    esses botões funciona para a pagina que são exibidos ou seja só vai enviar a postagem se estiver na pagina individual dela

    ResponderExcluir
  49. Muito bem explicado e consegui acertar de primeira, grato pela dica...

    ResponderExcluir
  50. Perfeito, mandou bem no meu blog.. gostei disso, facilita o compartilhamento do blog nas redes sociais.....

    ResponderExcluir
  51. Bom dia... estou com uma duvida! Seguinte, coloquei os codigos no meu blog, okkk, deu tudo certo! Mas a pessoa vai estar curtindo a pagina da empresa? Por que, depois vou na pag do facebook e nao tem atualização de que mais um curtiu a paginda... me ajuda! Dá uma olhada no blog: www.rrmaquinass.blogspot.com

    ResponderExcluir
  52. os códigos parecem certos, não sei dizer porque não está funcionando...

    mas pode demorar um pouco para aparecer que a pessoa curtiu...

    ResponderExcluir
  53. aparece Widgets
    para Blogs em vermelho não tem como remover?
    obrigado

    ResponderExcluir
  54. ola, gostaria de saber se tem como criar um botao curtir com o texto que aparece no facebook fixo, que não mude conforme o conteudo da página.

    ResponderExcluir
  55. @Maju Santos se quiser você pode fazer um código do botão curtir para uma pagina em especifico, veja aqui
    http://developers.facebook.com/docs/reference/plugins/like/

    então em qualquer pagina do seu blog vai curtir a pagina que configurou no código

    ResponderExcluir
  56. Olá Fabiano,
    Quem sabe você pode me esclarecer mais uma dúvida. Quando eu compartilho alguma postagem de meu blog no Facebook, não compartilha o sumário do post. Indo apenas o título e a imagem (quando há). Isso acontece independente de qual botão/código eu utilizo - atualmente uso apenas o botão de compartilhamento oferecido pelo próprio blogger.

    Você saberia como eu posso fazer para enviar o sumário do post, ou ao menos a descrição do blog no compartilhamento de links pelo facebook.

    Muito Obrigada!

    ResponderExcluir
  57. T. C. o facebook procura pela descrição da pagina (meta tag)

    ResponderExcluir
  58. Olá,eu gostaria de saber como tirar a linha do link,que quando passa o mouse,aparece.

    Agradeço desde já!

    ResponderExcluir
  59. Pedro
    a linha embaixo do link é feito com esse código:

    a:hover{text-decoration: underline;}

    mas isso pode variar no seu código html.

    procure por a:hover e se dentro das chaves tiver text-decoration: underline; você pode apagar ou trocar a palavra "underline" por "none"

    ResponderExcluir
  60. Oi, tenho um blog (www.garotapaidegua.com) mas os botões de compartilhamento não aparecem de jeito nenhum.
    Eu estava lendo os comentários e vi que esse trecho '< div class='post-share-buttons'></div 'não existe no meu código. Eu editei esse layout aqui: http://btemplates.com/2010/blogger-template-sevraj/.

    Se o problema for só a ausência do trecho supracitado, onde eu devo colocá-lo?

    Obrigada desde já =D

    ResponderExcluir
  61. BiahB - Garota Pai D'égua

    aqui tem o código dos botões: Mostrar Botões de Compartilhamento no Blogspot

    mas em alguns templates principalmente os prontos que acha em sites pode não funcionar por algum erro no html, mas isso é bem difícil de achar

    ResponderExcluir
  62. vou fazer uns testes e corrigir o problema.

    obrigado por avisar

    ResponderExcluir
  63. Não pude deixar de comentar...estou a dois dias tentando tirar os botões padrões do blogger, eu desmarcava a caixinha lá e mesmo assim apareciam...procurem em sites dos EUA, daqui e não achei...finalmente eu achei! Muito obrigado, por isso esse blog é um sucesso! Uma dica? faça um post ensinando isso, muitos estão com esse problema pelo que vi...

    ResponderExcluir
  64. fabiano, tenho um blog e preciso de ajuda, eu não consigo mais tirar aquele negocinho do canto do blog que tem do face e do twitter, pra compartilhar o blog... me ajude !!

    ResponderExcluir
  65. Camila você tem que lembrar onde colocou o código e apagar.

    não tem outro jeito de remover isso do seu blog

    ResponderExcluir