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.
vc poderia fazer com botão no tamanho normal em vez de mini
ResponderExcluirfizemos a atualização da postagem colocando também os botões em tamanho normal
ResponderExcluirOlá Fabiano
ResponderExcluirPor 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
precisa lembrar como colocou o código no blog e apagar, está falando do nosso gadget? ou os botões padrão do blogger?
ResponderExcluirFabiano, eu falo dos botões padrão de compartilhamento do blogger e não o gadget porque eu não inserí nenhum código.
ResponderExcluirObrigada pela atenção.
entre na pagina editar html, clique para expandir modelo, procure e apague esse trecho:
ResponderExcluir<div class='post-share-buttons'><b:include data='post' name='shareButtons'/></div>
Muito obrigada Fabiano Roberto
ResponderExcluirNã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
obrigado pelos elogios
ResponderExcluirOlá, gostaria de saber como postar atalhos do orkut, youtube e facebook do meu blog na coluna como aqui no seu blog. Valeu!
ResponderExcluirTiberio Ribeiro
ResponderExcluirvou 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
Muito obrigado e parabéns, seu blog me ajuda muito.
ResponderExcluiroi 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.
ResponderExcluirRosane Correa Martins
ResponderExcluiré uma falha do orkut, não sabemos o que houve com o botão promova no orkut, mas parou de funcionar.
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.
ResponderExcluirpoxa 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?
ResponderExcluiracessa meu blog pra ver, fica na margem esquerda e acompanha quando acgente abaixa,
www.folhadoboscque.blogspot.com
porfavor me ajudem!
infelizmente o unico jeito é achar e apagar o código
ResponderExcluirmas se quiser colocar no template pode fazer depois de instalar no blog
ResponderExcluirOlá, Fabiano.
ResponderExcluirMinha dúvida é onde colar os códigos.
Em qual linha?
Obrigado
você pode colocar o código como um gadget de html/javascript
ResponderExcluirse 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
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
ResponderExcluiros códigos dos botões são gerados pelos sites (facebook, twitter e google buzz) não temos como alterar o sistema de envio
ResponderExcluirBoa noite cara,
ResponderExcluirè 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
você coloca esse código como um gadget de html/javascript e escolhe o lugar onde vai posicionar o gadget
ResponderExcluirse for para colocar fixo no canto da pagina não faz diferença a posição do gadget
Olá.
ResponderExcluirUsei 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...
Enfim, por que é que o código nao aparece no corpo como eu colei-o???
ResponderExcluiro código deve estar em algum gadget do seu blog, o unico jeito é achar e apagar o código.
ResponderExcluirColoquei no meu blog deu certo,obrigado
ResponderExcluirMEU AMIGO
ResponderExcluirGOSTEI 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.
COSME.
ResponderExcluirno 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
AMEI <33'
ResponderExcluirmuito legal esta 1000000000000000
ResponderExcluirPorque 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?
ResponderExcluiro 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
ResponderExcluirEntão fazer o que né? Valeu !!!
ResponderExcluirSeu blogger é show!!!
Brigaduh!!!
como eu coloco os botôes iguais ao os do blog desse garoto ?
ResponderExcluirhttp://www.garotodegrife.com/2010_10_01_archive.html
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.
ResponderExcluirMuito obrigada.
http://dalva100amizade.blogspot.com/
Obrigada pelas dicas.Seu blog é muito 10
ResponderExcluirOlá 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.
ResponderExcluirhttp://eddynunes.blogspot.com/
Ola vc podia colocar o codigo do seus botoes aki que esta do lador direito na parte inferior desta pagina por favor
ResponderExcluir*'-_-'*Riallis*'-_-'*
ResponderExcluiraqui 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
Olá !!!
ResponderExcluirColoquei o mini e adorei ! Obrigada por nos orientar e compartilhar conosco !!
Abraços e bom fim de semana !
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!
ResponderExcluiruse 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
ResponderExcluirQuero 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
ResponderExcluirtalvez o código esteja em um gadget.
ResponderExcluirmas tente procurar por trechos do código, use o ctrl F e deve achar na pagina editar html
Fabiano,
ResponderExcluirEu 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?
Sabrina Gomes
ResponderExcluirdevem ser os botões padrão do blogger... veja aqui: Mostrar Botões de Compartilhamento no Blogspot
se quiser pode retirar pela pagina design
Olá fabiano como sempre ajudando ^^!
ResponderExcluirAi 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.
Miguxi
ResponderExcluiracho 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
Fabiano,
ResponderExcluirmeu 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?
Oi Fabiano...
ResponderExcluirProcurando 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.
Karen
ResponderExcluiresses botões funciona para a pagina que são exibidos ou seja só vai enviar a postagem se estiver na pagina individual dela
Muito bem explicado e consegui acertar de primeira, grato pela dica...
ResponderExcluirPerfeito, mandou bem no meu blog.. gostei disso, facilita o compartilhamento do blog nas redes sociais.....
ResponderExcluirBom 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
ResponderExcluiros códigos parecem certos, não sei dizer porque não está funcionando...
ResponderExcluirmas pode demorar um pouco para aparecer que a pessoa curtiu...
aparece Widgets
ResponderExcluirpara Blogs em vermelho não tem como remover?
obrigado
não tem como remover
ResponderExcluirola, 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@Maju Santos se quiser você pode fazer um código do botão curtir para uma pagina em especifico, veja aqui
ResponderExcluirhttp://developers.facebook.com/docs/reference/plugins/like/
então em qualquer pagina do seu blog vai curtir a pagina que configurou no código
Olá Fabiano,
ResponderExcluirQuem 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!
T. C. o facebook procura pela descrição da pagina (meta tag)
ResponderExcluirbem enterecante
ResponderExcluirOlá,eu gostaria de saber como tirar a linha do link,que quando passa o mouse,aparece.
ResponderExcluirAgradeço desde já!
Pedro
ResponderExcluira 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"
Oi, tenho um blog (www.garotapaidegua.com) mas os botões de compartilhamento não aparecem de jeito nenhum.
ResponderExcluirEu 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
BiahB - Garota Pai D'égua
ResponderExcluiraqui 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
Não funcionou,mas obrigada mesmo assim =D
ResponderExcluirvou fazer uns testes e corrigir o problema.
ResponderExcluirobrigado por avisar
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...
ResponderExcluirfabiano, 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 !!
ResponderExcluirCamila você tem que lembrar onde colocou o código e apagar.
ResponderExcluirnão tem outro jeito de remover isso do seu blog