Botões de compartilhamento em redes sociais – como Facebook, Twitter e Google+ – são importantes pois permitem que seus leitores divulguem seus textos com uns poucos clicks.
O tutorial que havia neste post estava extremamente desatualizado – a maiorias das redes que ele adicionava nem sequer existem mais. Além disso, hoje já é possível adicionar redes sociais ao Blogspot de forma bem mais simples. Portanto, deletei o conteúdo.
No entanto, como eu não sou de deixar meus leitores na mão, indico um tutorial simples e atualizado: Botões para compartilhar posts nas redes sociais. 
Excelente dica!
Parabéns mesmo!
Estava procurando algo
assim pra por no novo template
do meu blog =D
[]‘s
Digg is currently only an English-language content site. Please do not submit non-English content. [retirado do FAQ do Digg]
Enfim, sempre achei ridículo colocar botões do Digg em sites em português, mas cada um faça como quiser…
Já estou usando a dica, valeu.
Excelente! Parabéns! Foi uma mão na roda.
Sempre leio este blog e quero aproveitar a oportunidade para agradecer pelas dicas e dar-lhe, mais uma vez, os parabéns!
Abraços
Nosph, muito agradecido, ficou show os botoes para os bookmarkings.
O unico problema que tive foi com o botão de total de votos do rec6, por mais votos que a noticia tenha, sempre aparece 1 voto la. Não muda nada…
O que fazer?
Nosph, sem querer ser chato, mas só apra avisar
O esquema não esta favoritando no blogblogs, não esta encontrando a url do blog a ser favoritado.
E pelo que eu vi, a url que esta sendo cadastrada é a do post em questão, e não só a url do blog, era para ser assim mesmo?
No rec6 e no ueba parece que esta tudo ok.
Se encontrar mais alguma coisa estranha volto a informar
cadê que eu consegui fazer isso? Fiz exatamente como você mandou, mas no meu blog não apareceu nem pelo caramba.
Tentei aquele squema do blog do noel que também não funcionou pra mim.
Nunca vi template pra recusar favoritos como esse meu. Só consegui o do rec 6. O dos outros, nem a pau, Juvenal.
Bem, fiz exatamente como vc passou e ficou uma blz. Tudo bem que tive que atualizar pro modelo de layouts mas ficou uma blz!
obrigado Nosph (nome complicado, hein?)
Veja a obra que seu “aluno” fez:
http://meus365dias.blogspot.com/
um abraço!
A todos: Havia uns problemas com o hack, por favor leiam o post de novo, se ainda não o fizeram! Desculpem os transtornos!
PsyPlanet: Que bom, obrigada! Se tiver algum problema de instalação me avise, sim?
Daniel: Eu não uso o Digg por causa disso. Mas quanto tu acha que ia demorar pra que aparecesse alguém reclamando, se eu não tivesse colocado o Digg?
Se quiser retirar o Digg da lista, procure no código as linhas dele (o link e o link da imagem) e delete. Qualquer coisa, me avise.
Leandro: Muito obrigada!
W Brown: Obrigada pelo aviso! Os problemas dos botões já estão corrigidos; ainda não sei qual é a “questã” dos votos do Rec6. Estou trabalhando nisso! Assim que resolver posto de novo.
Philipe: Pelo que vi, seu template não tem a linha 3 no rodapé do post. Se quiser, me mande um email que eu te dou uma ajuda! E aí você me explica o que é o esquema do blog do noel, porque mim não sabe!
Fabio Santos: Show de bola, meus parabéns! Você vai longe! Gostei do seu template, e vi que você anunciou que vai ficar melhor ainda… Muito legal, boa sorte!
Olá moça, estou tentando adicionar mas as imagens ficam empilhadas, sabe o que pode ser?
Olá, estou com um problema com o Rec6, não importa quantos votos eu tenha, só aparece como “0″.
Obrigado pelo tutorial =)
Me desculpe, já consegui!
Ola
td bem?!
Eu não sei o que aconteceu direito mas eu fiz exatemente como você falou e quando eu fui tentar me favoritar no blogblogs ele entrou no blogblogs mas disse não achar a url do meu blog.
Eu revisei todos os passos, refiz e tal mas mesmo assim não tive sucesso.
Depois de algumas tentativas eu substitui o caminho inteiro que vai direto salvar no blogblogs e deu certo.
Eu fui ver o que tinha de errado e a única diferença era que não tinha o www e que TINHA o / no final. Por isso eu achei muito estranho.
Muito obrigado pelas dicas no seu blog.
Continue sempre assim que todos agradecem. abraço
Obrigado por mais esse tutorial,consegui colocar no meu blog aparecendo na Home.
Ostrock: Veja se não há alguma quebra de linha entre elas. Se não, pode ser alguma configuração no CSS que esteja afetando essas imagens, com margens ou padding. Se não, não sei!
Anônimo: Sim, o botão do Rec6 tem esse problema. Ainda não pude descobrir como resolver – se você resolveu, poderia me passar a solução, assim eu compartilho com os leitores? Obrigada!
Caps Lock: Estranho mesmo, pois eu só consegui fazer isso aí funcionar tirando a /! Obrigada pela dica.
Pafu’s: De nada!
Errado -
cio.us/post?url=” + data:post.url + “&t=” +
corrija o trecho do del.i.cio.us
Errado -
io.us/post?url=” + data:post.url + “&t=” +
ta faltando o Title!]
bjim
Depois que vi seu post, resolvi alem de adotar, aumentar.
Voce dava 8 opçoes, eu adaptei e fiz um rack com 30.
Os botões são para BlogBlogs, Technorati, Google Bookmarks, Yahoo, Ma.gnolia, Stumbleupon, Blinklist, Furl, Simpy, Spurl, Reddit, Segnalo, Bluedot, Ueba, Rec6, Linkk, Linkto, Websapiens, Ouvi dizer, Do melhor, Jasabia, Eu curti, Subindo, Linkloco, No clique, Med News, Blogosfera, Do tipo, Fixolas e Planet News.
Ficaria feliz que voce fosse ve.
Meu blog é http://gregoripavan.blogspot.com
Agradeço pelas suas dicas… e espero que as minhas tambem sejam uteis!
Gregori Pavan
http://gregoripavan.blogspot.com
Ah outra coisa como voce faz pra destacar suas respostas nos comentarios?
É que eu sou novo no blogger, antes eu tinha blog no UOL, mas tive alguns problemas… mas la, tinha um sistema que voce podia responder os comentarios. Aqui no blogger eu nao achei, e pelo que vi voce fez uma adaptaçao!
Aguardo resposta,
Gregori Pavan
http://gregoripavan.blogspot.com
Achei interessante esse post, como poderia fazer isso num blog do uol?
Ufa, não é por acaso que o inicio do post começa assim, finalmente acabei. Demorei um pouco para comentar porque estava testando um a um para ver se estava tudo ok pois vi alguns comentários com problemas, ainda bem deu tudo certo. Parabéns pelo trabalho. Se só para seguir as dicas achei difícil imagine ter que fazer tudo isso sozinho, na marra. Isso mostra o quanto eu ainda tenho que aprender.
Ficou muito show!!!
dedodeouro: Não vejo o que é que está errado, onde eu uso o hack o title aparece corretamente.
Gregory: Muito bom seu trabalho, está linkado no post. São úteis com certeza!
Quanto aos comments, já está na lista de posts a serem publicados.
Vivi: Infelizmente, não sei nada de blogs do UOL. Que tal mudar para o Blogger?
Mauro: Obrigada!
Na minha Template não tem essa linha
p class=’post-footer-line post-footer-line-3
Muito obrigado pela ajuda!
Dica esperta, e muito bem explicada.
Valeu!
Abração
Eduardo: Procure post-footer-line – o que você precisa achar são as linhas do rodapé do post. Podem ser um pouco diferentes, mas existem.
Se só existem duas linhas, Crie uma 3º linha usando o código do passo 9 (o do footer-line-3) e fechando com a tag apropriada. Daí, é só colar o resto do código como está explicado no post.
Ismael: De nada, volte sempre!
ufa!
que trabalheira, hein?
só que não sei se eu fiz alguma coisa errada, mas os botões não ficaram na horizontal… ficou um debaixo do outro.. dá uma olhada:
http://www.dramabarroco.blogspot.com
=).
Suelen, pelo que vejo esse é um problema do template que você usa (que deve ser o mesmo que causou o problema do Ostrock, mencionado lá em cima).
Experimente inserir esta linha de código, no CSS:
display: inline;
Logo após o :
border: none;
Deve ficar assim:
border: none;
display: inline;
Acho que isso resolve. Me avise, sim?
Errado:
io.us/post?url=” + data:post.url + “&t=” +
Certo:
io.us/post?url=” + data:post.url + “&title=” +
De novo?
Olá, Para criar o versão dinâmica nos passos abaixo:
6 – Procure a tag .
7 – Copie o código do script, com sua URL, e cole-o logo ANTES da tag .
8 – Ainda na Tab “Editar HTML”, clique em “Expandir Modelos de Widget”.
Eu acho que deveríamos expandis os modelos de widget antes do passo 6, por que se fizermos isso depois as alterações do passo 7 serão desfeitas.
Obrigado pelas dicas
Ola Nospheratt, tudo bem! Bom bom seu post, usei ele para atualizar meu template, só que os votos do Rec6 estavam dando problema no XML não é?. Não sei se você achou a solução mas para resolver eu troquei o trecho
action=widget&url
por
action=widget&url
Além das aspas que eu também precisei trocar!
Escrivi um post no meu blog explicando http://malcomtux.blogspot.com/2007/12/social-bookmark-e-votos-rec6-no-novo.html
Espero ter ajudado!
Ops! Não saiu! É
action=widget&url
por
action=widget&url
Nossaaa!!!
Caramba esse seu site eh nota mil. Vlw!!!
COntinue ajudando a galera ai.
Viva Nospheratt!!! ^^
Abraços!
Bye!
Marcelo Dantas: Você tem razão, faltaria um “Salvar” antes do passo 8. Obrigada pelo toque, vou dar um update no post assim que puder. Valeu!
Malcomtux: Putz, Milhões de obrigadas! Vou dar update no post com sua dica e linkar você (depois das festas, que ninguém é de ferro). Obrigada!!
Hideki: Muito obrigada, continuarei. Volte sempre!
De nada, novo leitor as ordens! E desde já agradeço o link! Meu blog já tem um tempo mas agora que estou tendo tempo para me inteirar mais, sou praticamente um novato na blogosfera!
Seja bem vindo, é um prazer tê-lo por aqui!
Só te peço paciência, ainda estou em ritmo de fim de ano, hahahahaha. Após o 7 de Janeiro creio que volte ao ritmo normal de trabalho.
eeiiii
socorro
voces sabem como aumentar o numero de votos no orkut?
estao falando q È um cdigo?
mas qual seria esse codigo?
mea judem por favo !
mandem um email se possivel q È melhor
Caah: Não faço idéia.
eu nao saio do inicio…
quando tento por
“”
antes do
o erro é esse…
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: Open quote is expected for attribute “{1}” associated with an element type “src”.
eu nao saio do começo, quanto tento por
script src=’http://ygor.iaiaiaiaia.googlepages.com/favoritos.js‘ type=’text/javascript’/
(obs, nao pus “>” e “<” pq senao nao aparecia nos comments como acima)
antes do / head
o erro é esse
“Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: Open quote is expected for attribute “{1}” associated with an element type “src”.”
Excelente Post, Parabéns, fiz tudo o que você recomendou e agora meu BLOG está com os Botões de Social Bookmarking! Você merece muito que eu, novato Bloggueiro, insira o teu BLOG nos meus prediletos!
Tem uma observação que preciso fazer: Sabe esse código, que você postou lá encima:
<a href=’http://www.blogblogs.com.br/my/gadgets/fave?url=URLDOSEUBLOG‘, além de outros grifados em vermelho?
Se nós selecionarmos ele é colarmos diretamente no HTML do BLOGGER, o BLOGGER não aceitará a formatação devido ao símbolo ANTES DO HTML e depois do URLDOSEUBLOG estar em desconformidade.
Tive de colocar esses símbolos novamente pois o GOOGLE os enxerga como sendo símbolos não aceitáveis, não me pergunte porque! A solução foi simples: no lugar deles, inseri o Símbolo “‘” (sem as aspas) e o Google reconheceu.
É só uma observação, pois outras pessoas podem estar passando por isso na hora de “copiar” e “colar” o código dentro do código do TEMPLATE!
Abração e Parabéns novamente!
Nospheratt, muito obrigado pelas dicas colocadas em seu blog. Tenho tentado seguir à risca o que você, o Compulsivo, a Cláudya e a Érika tem dito, pois minha vida, ou melhor, minha relação com o meu blog (pásmem) foi muito facilitada. Valeu!
Aragão: Se não é problema com as aspas – conforme eu falei antes, ao copiar o código você tem que substituir os acentos por aspas e aspas duplas – não sei o que pode ser.
Marquinhos: Muito obrigada por compartilhar a dica. O que aconteceu foi que quando migrei do Blogger para o WordPress, o WP trocou todas as aspas por acentos. Ainda não consegui resolver isso – eu arrumo os códigos, e lá pelas tantas eles estragam de novo.
Ainda vou ver se consigo um plugin que resolva isso.
Rogério: De nada, fico realmente feliz em ser útil! Volte sempre!
Cara, muitíssimo obrigado pela dica acima. Meu blog ficou show de bola! Se puder dar uma olhada e me indicar outras ferramentas que possam melhorar meu blog eu agradeço. Obrigado. Abraços.
Gostaria de adicionar o ícone do Twitter, ou de outros serviços. É possível?
Testei essa budega aqui e deu certinho, perfeito, só que ao invés de usar os ícones criados por você utilizei aquele botão do AddThis, Vlw pela dica!
O script funciona, mas o FireBug acusa erro:
bookmarktext is null
document.getElementById(bookmarktext.id).innerHTML = sbValues[index];
Você sabe como consertar isso?
Olá, já cliquei em “Expandir Modelos de Widget”, mas eu não estou conseguindo localizar a linha
Eu posso criar essa linha?
Na minha template não tem essa linha post-footer-line
Não conseguir colocar da forma dinâmica.. Eu pensei que seria até difícil de achar um local pra hospedar o .JS. Já que o Google Pages não funciona mais. Conseguir encontrar o serviço DropBox. Só que tá dando um outro tipo de erro na hora de vizualizar o blog.
Instalei no meu e funcionou direitinho, obrigada pela dica, voltarei sempre.