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

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>

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

Postagens mais Comentadas Receba Dicas por E-mail Recomendações dos Leitores

Link desta Pagina

72Comentários:

Anônimo disse...: vc poderia fazer com botão no tamanho normal em vez de mini; 20 de outubro de 2010 18:04
Fabiano Roberto disse...: fizemos a atualização da postagem colocando também os botões em tamanho normal; 22 de outubro de 2010 12:58
elcarloveyes disse...: 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; 22 de outubro de 2010 18:46
Fabiano Roberto disse...: precisa lembrar como colocou o código no blog e apagar, está falando do nosso gadget? ou os botões padrão do blogger?; 22 de outubro de 2010 21:02
elcarloveyes disse...: 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.; 22 de outubro de 2010 21:30
Fabiano Roberto disse...: 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>; 22 de outubro de 2010 21:45
elcarloveyes disse...: 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; 22 de outubro de 2010 23:25
Fabiano Roberto disse...: obrigado pelos elogios; 22 de outubro de 2010 23:39
Tiberio Ribeiro disse...: Olá, gostaria de saber como postar atalhos do orkut, youtube e facebook do meu blog na coluna como aqui no seu blog. Valeu!; 23 de outubro de 2010 10:23
Fabiano Roberto disse...: 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; 23 de outubro de 2010 10:32
Tiberio Ribeiro disse...: Muito obrigado e parabéns, seu blog me ajuda muito.; 23 de outubro de 2010 12:24
Rosane Correa Martins disse...: 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.; 8 de novembro de 2010 16:47
Fabiano Roberto disse...: Rosane Correa Martins
é uma falha do orkut, não sabemos o que houve com o botão promova no orkut, mas parou de funcionar.; 8 de novembro de 2010 16:59
Anônimo disse...: 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.; 16 de novembro de 2010 19:27
Gustavo Rocha disse...: 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!; 11 de dezembro de 2010 23:50
Fabiano Roberto disse...: infelizmente o unico jeito é achar e apagar o código; 12 de dezembro de 2010 00:58
Fabiano Roberto disse...: mas se quiser colocar no template pode fazer depois de instalar no blog; 12 de dezembro de 2010 02:29
Willian disse...: Olá, Fabiano.
Minha dúvida é onde colar os códigos.
Em qual linha?
Obrigado; 29 de dezembro de 2010 02:25
Fabiano Roberto disse...: 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; 29 de dezembro de 2010 08:50
Paulo Victor F Ramos disse...: 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; 20 de janeiro de 2011 10:49
Fabiano Roberto disse...: 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; 20 de janeiro de 2011 14:30
Stanley disse...: 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; 20 de janeiro de 2011 22:35
Fabiano Roberto disse...: 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; 21 de janeiro de 2011 14:11
Fyodor disse...: 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...; 21 de janeiro de 2011 18:21
Fyodor disse...: Enfim, por que é que o código nao aparece no corpo como eu colei-o???; 21 de janeiro de 2011 18:30
Fabiano Roberto disse...: o código deve estar em algum gadget do seu blog, o unico jeito é achar e apagar o código.; 21 de janeiro de 2011 19:12
Creations Aldinha disse...: Coloquei no meu blog deu certo,obrigado; 29 de janeiro de 2011 23:25
COSME. disse...: 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.; 4 de fevereiro de 2011 21:50
Fabiano Roberto disse...: 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; 5 de fevereiro de 2011 00:34
@boouncejobros disse...: AMEI <33'; 12 de fevereiro de 2011 00:07
Bruno silva disse...: muito legal esta 1000000000000000; 3 de março de 2011 17:14
Damiana disse...: 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?; 9 de março de 2011 01:22
Fabiano Roberto disse...: 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; 9 de março de 2011 12:28
Damiana disse...: Então fazer o que né? Valeu !!!
Seu blogger é show!!!
Brigaduh!!!; 9 de março de 2011 17:42
Camila Sutter disse...: como eu coloco os botôes iguais ao os do blog desse garoto ?
http://www.garotodegrife.com/2010_10_01_archive.html; 29 de março de 2011 16:33
Dalva FC Cardoso disse...: 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/; 7 de abril de 2011 23:42
Kuarashí / Silvya disse...: Obrigada pelas dicas.Seu blog é muito 10; 10 de abril de 2011 15:16
Eddy disse...: 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/; 15 de maio de 2011 13:30
*'-_-'*Riallis*'-_-'* disse...: Ola vc podia colocar o codigo do seus botoes aki que esta do lador direito na parte inferior desta pagina por favor; 25 de maio de 2011 21:04
Fabiano Roberto disse...: *'-_-'*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; 26 de maio de 2011 14:11
Samanta disse...: Olá !!!

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

Abraços e bom fim de semana !; 11 de junho de 2011 14:41
Mikex disse...: 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!; 18 de junho de 2011 23:00
Fabiano Roberto disse...: 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; 19 de junho de 2011 00:17
Porta Quimica disse...: 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; 16 de julho de 2011 16:07
Fabiano Roberto disse...: 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; 16 de julho de 2011 23:23
Sabrina Gomes disse...: 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?; 20 de julho de 2011 09:07
Fabiano Roberto disse...: 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; 20 de julho de 2011 15:03
Miguxi disse...: 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.; 24 de julho de 2011 18:24
Fabiano Roberto disse...: 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; 25 de julho de 2011 00:04
Karen disse...: 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?; 30 de agosto de 2011 21:14
Karen disse...: 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.; 30 de agosto de 2011 21:35
Fabiano Roberto disse...: 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; 31 de agosto de 2011 15:20
Advogado Trabalhista disse...: Muito bem explicado e consegui acertar de primeira, grato pela dica...; 3 de setembro de 2011 15:15
Afonso Punk disse...: Perfeito, mandou bem no meu blog.. gostei disso, facilita o compartilhamento do blog nas redes sociais.....; 7 de setembro de 2011 11:10
RR Máquinas disse...: 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; 10 de outubro de 2011 09:53
Fabiano Roberto disse...: 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...; 10 de outubro de 2011 15:04
Carlos Nolberto disse...: aparece Widgets
para Blogs em vermelho não tem como remover?
obrigado; 3 de novembro de 2011 01:48
Fabiano Roberto disse...: não tem como remover; 3 de novembro de 2011 14:49
Maju Santos disse...: 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.; 1 de dezembro de 2011 23:59
Fabiano Roberto disse...: @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; 2 de dezembro de 2011 13:36
T. C. disse...: 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!; 20 de janeiro de 2012 21:41
Fabiano Roberto disse...: T. C. o facebook procura pela descrição da pagina (meta tag); 21 de janeiro de 2012 00:16
Reinaldo Download disse...: bem enterecante; 21 de janeiro de 2012 13:26
Pedro disse...: Olá,eu gostaria de saber como tirar a linha do link,que quando passa o mouse,aparece.

Agradeço desde já!; 2 de fevereiro de 2012 10:08
Fabiano Roberto disse...: 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"; 2 de fevereiro de 2012 15:18
BiahB - Garota Pai D'égua disse...: 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; 23 de fevereiro de 2012 00:56
Fabiano Roberto disse...: 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; 23 de fevereiro de 2012 14:20
BiahB - Garota Pai D'égua disse...: Não funcionou,mas obrigada mesmo assim =D; 23 de fevereiro de 2012 22:16
Fabiano Roberto disse...: vou fazer uns testes e corrigir o problema.

obrigado por avisar; 24 de fevereiro de 2012 12:55
Coringao do povo disse...: 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...; 20 de dezembro de 2012 17:34
Camila Luiza Delaix disse...: 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 !!; 10 de janeiro de 2013 14:25
Fabiano Roberto disse...: Camila você tem que lembrar onde colocou o código e apagar.

não tem outro jeito de remover isso do seu blog; 10 de janeiro de 2013 21:15

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

72Comentários:

Postar um comentário