
Como já dissemos o primeiro passo é ativar esse acessório na pagina designer do modelo clicando para editar as postagens e marcando a opção Mostrar botões de compartilhamento.
Antes de começar recomendamos fazer um backup do HTML do seu blog. Agora entre na pagina editar html, marque para expandir modelos de widgets, procure por <div class='post-header-line-1'> ou <post.body/> e depois adicione esse código logo abaixo:
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

Agora clique para salvar e visualize seu blog. Se quiser modificar o lado que os botões aparecem no seu blog volte a pagina editar html (Onde colocar os códigos no blog) e coloque essa linha de código CSS:
.post-share-buttons{float:left}

Do jeito que está os botões ficarão do lado esquerdo das postagens e para colocar do lado direito troque a palavra left por right no código acima.
Essa é mais uma opção para divulgar seu blog nas redes sociais(Botão para as redes sociais - AddThis), mas precisamos lembrar que o principal é ter um conteúdo interessante no blog para que as pessoas tenham motivos para usar esses botões para recomendar suas postagens a outras pessoas.
Oii!
ResponderExcluirSempre passo por aqui para tirar minhas dúvidas e sempre consigo. Muito obrigada pela ajuda.
É tanta coisa que dá para colocar em um blog que muitas vezes, fico perdida e com receio de deixa-lo com cara de árvore de natal. Estou indo aos pouquinhos e focando principalmente no conteúdo, o que acho mais importante.
Obrigada, Rosa.
Olá! Boa tarde!
ResponderExcluirParabéns pelo teu excelente blog, que já me ajudou bastante.
Gostaria de pedir se você poderia postar uma nova ferramenta para "efeito neve" caindo sobre o blog, pois o antigo não se adaptou bem aos novos temas do Blogger.
Aguardo respostas.
Obrigado, desde já!
Abraços,
P.H.
Olá! Acompanho o dicas para blog e gosto muito de todas as informações. Umas me interessam mais do que outras, mas todas são interessantes ao publico em geral.
ResponderExcluirExiste algo nas dicas de você(s) que me chama a atenção: Em todas elas percebo um principio valioso: A Honestidade. Isso para mim é tudo. Parabéns! A Honestidade hoje em dia é rara, mas quando encontrada precisa ser qualificada e valorizada. Continuem assim. Acredito que por isso vocês tem muito sucesso no que fazem.
Abraços,
Lila
Lila Rosana
ResponderExcluirobrigado pelos elogios
Pedro Henrique
vou procurar algo que funcione bem com os novos templates do blogger, mas tenho que admitir que esses novos modelos apresentam muitos problemas com os códigos que funcionavam perfeitamente em blogs e sites.
Cara. To aprendendo muuuito c/vcs. Obrigado mesmo
ResponderExcluirMuito Obrigada pela dica,não estava conseguindo ativar estes botoes...
ResponderExcluirMais uma vez me ajudou muito :)
Obrigado, Fabiano.
ResponderExcluirBom domingo e início de semana para vocês!
P.H.
O meu comentário não tem nada a ver com o post e por isso pesso desculpas. Mas preciso muito de ajuda. Tenho um blog e recentemente mudei de templante (para o clinic, o nome se não me engano) e gostaria de manter o painel com o menu, slider... porém, ao invés de pequenos resumos de postagens, gostaria de voltar a outra configuração, como a deste blog.
ResponderExcluirAí vai o link do blog para entender melhor a minha situação: www.piseiroso.blogspot.com
Agradeço desde já, abraço a todos.
Tiberio Ribeiro
ResponderExcluirse trocou o template do blog e não salvou um cópia do antigo não tem como voltar, tente usar nossa pesquisa para achar um resumo da postagem como está no seu blog e pode tentar usar nosso tutorial para desfazer isso.
não consegui localizar nenhum dos 2 htaml q vc colocou ou <div class='post-header-line-1'
ResponderExcluirme ajuda!
bjos
seu blog é demais
Na verdade é uma dúvida... fiz tudo o que você falou ai, mas... como faço agora para colocar link's nesse botões? Eles não ficaram clicáveis!
ResponderExcluirOlha só como ficou: http://dicasfreestyle.blogspot.com
você marcou a opção na pagina designer? tem que clicar para editar as postagens e marcar para mostrar esses botões
ResponderExcluirno meu blog esses botoes nao tem cores..tem como colocar cores neles como eles sao?
ResponderExcluirabraços
e como deixa no centro? coloca center?
ResponderExcluirisso mesmo é só colocar center, assim:
ResponderExcluir<center>código aqui</center>
Oi tudo bem?
ResponderExcluireu consegui colocar os botões, mas quero que eles fiquem embaixo do post, tipo do lado do link dos comentários sabe? tem como?
Obrigada.
www.coisasdecarina.blogspot.com
bjus.
mexer na posição desses botões é um pouco complicado, vou preparar um tutorial mostrando os locais certos do html
ResponderExcluirMuchas Gracias!!! =P
ResponderExcluirOlá.. eu consegui colocar os botões.. mas qdo clico no link dfiz que a pagina que eu procuro não existe...
ResponderExcluirgostaria de saber o que está errado...
infelizmente se aparece com erro não temos como corrigir os códigos internos do blogger
ResponderExcluirQueria um post com o tema "Como achar blogs com o mesmo tema para fazer parcerias".
ResponderExcluiré uma duvida interessante, vou procurar por algo que facilite encontrar novos parceiros
ResponderExcluirestou aprendendo muito com o dicas para blog:
ResponderExcluirquerem ver o resultado entre no:
http://mundoanimal50.blogspot.com/
Oi Fabiano.. não encontrei o caminho... "pagina designer do modelo clicando para editar as postagens e marcando a opção Mostrar botões de compartilhamento."
ResponderExcluirvc sabe me dizer se nesses modelos novos do blogger o caminho é o mesmo?.. pq só colar o código que vc forneceu não fica linkado certo...
obrigada
é necessário fazer uma alteração de código na pagina editar html do blog, além de marcar a opção na pagina designer
ResponderExcluira alteração eu fiz.. pra marcar a opção é que não to encontrando o caminho
ResponderExcluirMichael Jackson I love you most
ResponderExcluirpara marcar a opção é na pagina designer, clique para editar a postagem é o quadrado maior
Obrigada... deu certo... achei...
ResponderExcluirExcelente, me ajudou muito.
ResponderExcluirVocês são os caras.
Continuem assim.
Pessoal,
ResponderExcluirVocês são sensacionais, procuro há meses um jeito de colocar esses benditos botões no meu blog, e visitando vocês aqui, procuro aqui e ali, achei esse abençoado post explicando tudo direitinho!
Parabéns e sucesso sempre para vocês!!
Cris
Fabiano, não consigo colocar o código no meu blog,
ResponderExcluiros códigos do desing do meu blog é muito grande, não encontrei, será que não tem um jeito mais fácil de colocar?
Obrigada.
Silvânia.
use o ctrl F para achar trechos no html do seu blog
ResponderExcluirOLÁ, FABIANO! EU QUERO UMA ORIENTAÇÃO SUA SOBRE BOTÕES... EU USO O WINDOWS LIVE WRITER PARA POSTAR MEU BLOG (BLOGGER), MAS GOSTARIA DE SABER SE HÁ UM BOTÃO PARA O WRITER QUE EU POSSA USAR NO GOOGLE CHROME... POR EXEMPLO, TENHO UM BOTÃO DO TWITTER, DO ORKUT, NO GOOGLE CHROME E QUERIA SABER SE EXISTE UM DO WRITER PARA QUE EU POSSA ABRIR O WRITER PELO GOOGLE, SEM TER QUE MINIMIZAR E ABRIR O WRITER.
ResponderExcluirPODE ME AJUDAR?
VALEU, UM ABRAÇO!
Anonimo não sei responder sobre botões para o chrome ... ou windows writer... raramente uso esses programas...
ResponderExcluirparceiro...sabe dizer pq o botao do orkut do addthis nao ta funcionando mais?abraços
ResponderExcluiro botão enviar para orkut está dando problemas faz tempo... parece que o site(orkut) perdeu o interesse nele
ResponderExcluirque pena :(
ResponderExcluirmais vlw
Fabiano,
ResponderExcluirObrigada por mais essa ajuda.
Infelismente não consegui colocar os botões. Fui em Design mas não aparece. Eu uso o Blogguer/Blogspot. Help!
ResponderExcluirparece que esses botões padrão estão com algum problema, também não consegui colocar em um dos blogs que tenho... o jeito foi usar o addthis
ResponderExcluirBotão para as redes sociais - AddThis
no meu blog ficou na parte de cima da postagem e invisível, o que eu fiz de errado?
ResponderExcluirCris Mota
ResponderExcluirprovavelmente apagou algum trecho errado... infelizmente não tenho como explicar melhor
Oi Fabiano,
ResponderExcluirObrigada pelo seu trabalho, tenho uma pergunta, Eu coloquei o botão de compartilhamento (usei sua dica), agora aparece um outro botão ao lado dele, não sei o que significa, pode me ajudar?
Abs
Ivy Freitas
Ivy Freitas
ResponderExcluiracabamos de publicar um tutorial falando sobre esse novo botão, ele é do google é uma especie de botão curtir, veja aqui: Colocar Botão +1 do Google no Blog
mas certamente ele será util para seu blog
Olá,
ResponderExcluirComo faço para colocar esses botões na parte inferior da postagem.
Tentei pelo Design - postagem...Mas não deu certo.
Quero que fique assim como a sua postagem.
Afinal,alguém só compartilhará algo que leu.
Obrigado desde já!
se não aparecer no seu template tente colocar na pagina editar html o código que mostramos
ResponderExcluirOlá, adorei seu passo a passo, deu tudo certo, porém os botões estão acima do poste, gostaria de colocá-los em baixo de cada poste, vc poderia me dar mais uma ajudinha? Por favor!!
ResponderExcluirDesde já agradeço.
http://anjos-anjos04.blogspot.com/
Me mende uma mensagem!!!
aqui falamos para colocar o código depois do trecho header-line-1 se procurar no seu html achará esse mesmo trecho com o numero 2 ou 3 então se colocar o código depois de um deles ficará embaixo da postagem
ResponderExcluirFabiano
ResponderExcluirInfelizmente não consegui.
Nem imagina como preciso...
Forte abraço.
Muitas felicidades.
e.mensaleiro@gmail.com
Eu troquei o template do blogspot e sumiram todos os botões de compartilhamento, procurei por ai a fora, mas nada dava certo! Só fui encontrar aqui!! Com as explicações fáceis e objetivas!! era tudo que eu precisava! OBRIGADÃO!!!
ResponderExcluiramigo, gostaria que vc me ajudasse, os botões ficaram na parte superior do post. Eu fiz exatamente como recomendado...
ResponderExcluirvisaoevandrolima.blogspot.com
Pode me ajudar, por favor?
Evandro Lima
ResponderExcluirpara ficar no topo coloque o código antes do < post.body >
Fabiano,você é uma pessoa muito bacana, ensina,compartilha.Agradeço muito, vc já me ajudou bastante.Vou pedir sua ajuda mais uma vez, faz tempo que estou tentando colocar estes botões no meu blog, tentei agora,mas ñ deu certo.
ResponderExcluirVocê faz ideia do que aconteceu?pois fiz exatamente como vc instruiu, dá uma forcinha + uma vez...
Um forte abraço
na maioria funciona normalmente, mas já tentei colocar em alguns templates e não deu certo... acho melhor usar o addthis
ResponderExcluirFabiano,conseguir colocar os botões.
ResponderExcluirSabe o que era? eu já tinha um antes só do twitter,aí eu excluir e coloquei este.
Valeu mesmo! Você é muito especial para nós blogueiros inexperientes e para os experientes também.Você não é uma pessoa egoísta, tenta ajudar,ensinar.Que Deus te abencoe e te dê bastante saúde.
Um abraço forte!
maravilhoso este blog, caraca, nunca pensei que iriam ensinar os "truques" de verdadeiros mestres, pena que não posso postar o endereço do meu blog, senão postaria, está lindissimo, parece com o novo designer do baixaki, kkkkkkkkkkkk!
ResponderExcluirJá tentei tudo quando é tutorial , e os botões de compartilhamento do meu blog não ficam certo.
ResponderExcluirEle fica no lugar certo, que é no fim do post, mas fica invisível e todo bagunçado.
www.bugigangazdanet.blogspot.com
Quem puder me ajudar por favor responde aqui ou manda um e-mail por favor.
natalia.ss10@gmail.com
Natalia Sousa
ResponderExcluirem alguns templates parece que sempre dá erro esses botões padrão do blogger....
por isso já fiz varios tutoriais mostrando outros botões de compartilhamento, por exemplo o addthis que uso atualmente: Botões de Compartilhamento Fixos no Canto da Pagina - Redes Sociais
Olá fabiano, eu gostaria de saber como coloco este acessorio que voce tem em todas as postagem que no seu aso o titulo é Outros tutoriais para ajudar Blogueiros, eu queria saber como que se coloca este acessorio, mais claro com outro nome
ResponderExcluir☠Thais Caroline ✔✖
ResponderExcluiraquilo é feito com o site linkwithin, veja aqui Mostrar assuntos relacionados no blog
Oi Fabiano!
ResponderExcluirObrigada por mais essa dica.
De primeira o código não funcionou, ele ficou invísivel, mas aí fiz o seguinte:
1 - Fiz uma limpa no meu HTML e tudo o que estava relacionado a share eu apaguei;
2 - Add antes de ]]>, esse trecho:
.share-button {display: inline-block;}
3 - Segui o seu passo a passo e aí sim, deu tudo certo!
Muito obrigada!Dani
Dani
ResponderExcluirvocê disse: Fiz uma limpa no meu HTML
isso é uma ótima dica e não somente para o assunto deste post, mas para tudo no blog...
cara vou divulga seu blog no meu o seu blog é muito bom
ResponderExcluirVlw pela dica!
ResponderExcluirno meu nao pegou esse...queria tanto por esses que jah vem com o blog ;/
ResponderExcluirpode ser pq eu jah tenho outros?
ResponderExcluirebaa..consegui...vlww
ResponderExcluirmais kd o botao do orkut? n tem
no outro template meu tinha ;/
no meu nao ta aparecendo nem o orkut neo o +1 ;/
ResponderExcluiralguma solução?
abraços
@Soh Pagode pode ser o seu template que está com algum erro, se colocou os códigos que mostramos era para aparecer o botão
ResponderExcluireu acho que jah sei pq... deve ser pq no html nao tem o codigo do orkut e nem do google 1+
ResponderExcluirsó tem do mail,blogger,twitter e face...acho q tem q acrescentar os que falta... vc tem os codigo igual a esse?
@Soh Pagode por isso gosto do addthis ele tem mais opções e se modifica conforme o visitante, por exemplo se clicar no sinal de + e recomendar nossa postagem em alguma outra rede que não esteja aparecendo na proxima vez que entrar em uma de nossas paginas essa rede aparecerá automaticamente, isso é uma grande vantagem pois quem recomenda uma vez numa rede tem a tendencia de fazer novamente
ResponderExcluirmais esse addthis nao pesa o blog?
ResponderExcluireu usava ele,mas sentia q pesava o blog ;/
consegui o codigo do orkut em outro template..mais no +1 nao consigo ;/
o ruim desse addthis que eu coloca na pagina inicial né, daí cada postagem fica com os botoes em baixo...mais na hora que vou compartilhar,ele só compartilha a pagina inicial do blog e nao a postagem, entende?
ResponderExcluirpra compartilhar a postagem tenho que entrar na msm ;/
entendeu?
tem como fazer com que compartilhe a postagem?
@Soh Pagode sim do jeito que usamos ele compartilha a pagina atual, inclusive a pagina inicial.
ResponderExcluirmas pode usar outro código para mostrar os botões somente no final da postagem, alias publicamos hoje sobre isso: Barra com Botões Curtir, Google +, Retweet e Hack Leia mais
lá não falamos sobre o addthis, mas pode ser usado no lugar de qualquer botão daquele código
oi amigo, olha mudei o templeste e tem os botoes mas não aprecem e tentei mudar no htmil e não funciona. Tem mais alguma opção?
ResponderExcluirAguardo
Boa noite
o código é só esse e marcar a opção na pagina modelo
ResponderExcluiroi Fabiano, no meu blog apareceu acima e a baixo do post, como faço para que fique só a cima?
ResponderExcluirLeninha - LTScrapsAnimados
ResponderExcluirprovavelmente você colocou o código duas vezes, tem que achar e apagar um deles
eu fikei muito tempo tentando achar o codigo pra editar o html mais nao achei oq eu fao?
ResponderExcluiruse o ctrl f para procurar.
ResponderExcluirmas use poucas palavras senão pode não achar por causa de espaço em branco ou algum outro detalhe
Vejo que quando eu clino no do Facebook, na janela que se abre, em vez de aparecer uma pequena parte da postagem, aparece o último comentário.
ResponderExcluirÉ assim mesmo? Sei que a pessoa que compartilha pode editar, mas acho quase ninguém faz isso, então queria que já fosse com parte do começo da postagem.
Esse código aí é para resolver isso ou só para eles aparecerem (o que não é meu problema, pois aparecem).
acho que não temos como editar ou controlar o que acontece quando clica no botão compartilhar
ResponderExcluirVc sabe como tirar os botões de compartilhamento da pagina inicial e deixá-los somente quando abrir a postagem?
ResponderExcluirCássio Santiago
ResponderExcluirtente usar o código dos botões deste jeito:
<b:if cond='data:blog.pageType == "item"'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>
é como fizemos aqui Conteúdo diferente nas paginas do blog
mas isso só vai mostrar os botões na pagina das postagens. Na pagina de marcadores não aparece.
não consegui.
ResponderExcluirera para funcionar.
ResponderExcluirmas consegui salvar o código ou deu erro de html?
na pagina individual da postagem, aparece o botão duplicado
ResponderExcluirtente usar o ctrl F e ver se não tem duas vezes o mesmo código dos botões, provavelmente é esse o problema
ResponderExcluirNão consegui filho, mas estou com problemão de saude em familia. uma outra hora eu tento...
ResponderExcluirOlá tudo bem?
ResponderExcluirQuando compartilho no facebook uma postagem, só aparece o título da postagem mas nao aparece o resumo, como vejo em outros compartilhamentos. Voce sabe como faco para mudar isso?
Obrigada!!
Anonimo veja esse link:
ResponderExcluirEnviar Resumo da Postagem com o Botão Curtir - Descrição nos Posts
Fabiano como faço para excluir os botões de compartilhamento padrão do Blogger? Já desmarquei, só que continua aparecendo...Acredito que só pelo HTML isso será possivel. No aguardo.
ResponderExcluirtente achar esse código que mostramos no seu html e apagar ... assim os botões não aparecem
ResponderExcluirFabiano quero excluir esses botões do meu blog
ResponderExcluirQual a parte do código tenho que apagar?
para retirar os botões é só desmarcar a opção na pagina layout clicando para editar as postagens.
ResponderExcluirou apagar o html que aparece na segunda imagem deste tutorial
http://3.bp.blogspot.com/_-v7nVhXnPEc/TMLOlTitWlI/AAAAAAAABm4/Qgu6ar136eI/s400/blogger-codigo-fonte.jpg
Já tentei essas duas opções, e não é simples assim...
ResponderExcluirDá erro sempre!
Não tem outra parte em que podemos apagar essa "coisa" meu filho?
teoricamente deveria ser possivel apagar o html. Quando você tentou veja se não apagou uma div junto por engano..
ResponderExcluirpode também usar o estilo:
.post-share-buttons{display:none}
em vez de float:left como está no exemplo do tutorial.
Deu certinho com essa opção .post-share-buttons{display:none}
ResponderExcluircolocado antes de Body{
Aff... Suei aqui!
Brigadim por mais essa Fabiano!
Fabiano, acho que me torno até inconveniente com tanta dependência, mas preciso de mais um ajudinha.
ResponderExcluirNo outro blog, esses botões foram colocados pela Share e configurados, mas não preciso deles num blog que se tornou particular. O problema é que esqueci onde foi colocado esse código. Pode me dizer onde?
o código deve estar na pagina editar html ou em um gadget, veja aqui:Achar e Resolver Problemas com Códigos HTML no Blog
ResponderExcluirinfelizmente o unico jeito é achar e apagar o código.
De qualquer forma, Brigadim!
ResponderExcluirOlá Fabiano!
ResponderExcluirEsses shares do Blogger são bem úteis, mas os disponibilizados pelos sites de compartilhamento são mais completos.
[]'s
eu estou tendo esse problema apenas no google chrome.
ResponderExcluirse o código está certo no seu blog tente excluir o histórico de internet porque pode ser erro no carregamento da pagina
ResponderExcluir