Botões das Redes Sociais na Vertical - Compartilhar Posts

Atendendo ao pedido feito em um comentário deste blog fizemos o tutorial mostrando como colocar botões das redes sociais fixos no canto da pagina, mas surgiu outro assunto interessante nos comentários deste tutorial: como fazer os botões do addthis ficarem um embaixo do outro em vez de ficar na horizontal. Aproveite e veja também como colocar o Gadget com Botões Flutuantes de Redes Sociais no Blogger.

Por isso hoje vamos mostrar como colocar botões das redes sociais no seu blog na posição vertical usando o AddThis(Botão para as redes sociais - AddThis) como no outro tutorial que mencionamos no inicio, alias é mais fácil do que parecia deixar os botões um embaixo do outro no seu blog.

Botões das Redes Sociais na Vertical
Você só precisa retirar o código da formatação dos botões e colocar desta forma:
<div style="background-color:#FFFFFF; border-right:1px solid #000000;border-top:1px solid #000000;position:fixed; bottom:0px; left:0px;padding:2px"><div class="addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a></div><div class="addthis_style">
<a class="addthis_counter addthis_bubble_style"></a></div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e2088636f7cce31"></script>
</div>

Lembramos que esse código deve ser colocado pela pagina design, adicionar gadget, html/javascript e não importa a posição do gadget os botões aparecerão no canto da pagina.

Se não quiser mostrar o contador é só apagar as linhas:
<div class="addthis_style">
<a class="addthis_counter addthis_bubble_style"></a></div>

Caso queira os botões no tamanho pequeno retire o trecho _32x32 da linha: <div class="addthis_32x32_style"> , deixando desta forma: <div class="addthis_style">

Sobre blogs e redes sociais leia também:
Usar Melhor as Redes Sociais da Internet - Mídias Sociais
Botão das Redes Sociais para Wordpress, Blogger, Firefox e muito mais
Download de Icones para Redes Sociais (Twitter, Facebook, Orkut)

Queremos agradecer ao comentário feito pelo Emerson que além da idéia deste tutorial nos ajudou fazendo testes com a retirada de trechos do código do addthis e fazendo novos comentários dizendo as soluções que encontrou. Esperamos que gostem desta nova forma de usar os botões das redes sociais no seu blog.

132 comentários:

  1. Como podemos botar os botoes de compartilhamento nao fixos?

    ResponderExcluir
  2. Iguinho__- HQ
    é só não usar a parte da div das primeiras linhas e também retirar a ultima < / div >

    você pode ver o link no inicio do tutorial.. lá tem os botões do addthis sem a parte de fixar no canto da pagina Botão para as redes sociais - AddThis

    ResponderExcluir
  3. no meu blog, aparece do lado esquerdo da tela, como mudo ele para o lado direito? grata.

    ResponderExcluir
  4. tudo bem, consegui por do lado direito, mas seria legal explicar isto não? parabéns pelo trabalho e obrigada pelas dicas!

    ResponderExcluir
  5. Valeu Fabiano! Sempre venho no seu blog

    ResponderExcluir
  6. judamore

    no trecho bottom:0px; left:0px;

    troque left por right e ficará do lado direito

    ResponderExcluir
  7. como colocar um favicon personalizado no blogspot ?

    ResponderExcluir
  8. Pra que serve isso? pra divulgar o blog no facebook twitter e orkut? ou pra entra na minha comunidade do orkut facebook ou twitter?

    ResponderExcluir
  9. Boa! deu certinho, obrigado!

    ResponderExcluir
  10. esses botões permitem aos seus visitantes enviarem as paginas do seu blog para as redes sociais

    ResponderExcluir
  11. Ai gente coloquei e ficou bem lindinho, como é bem facilzinho! Obrigada pela ajuda. Beijos

    ResponderExcluir
  12. Estou levando vou tentar colocar,adorei a idéia.
    Obrigada.Linda semana para vc.

    ResponderExcluir
  13. Coloquei no meu, ficou certinho, só com um porem, ele fica por tras dos banners, qndo rolo a pagina, os banners ficam por cima dele, tem como deixa ele por cima, obg, seu site é um porto seguro, nesse mar tempestuoso dos blogs!!!

    ResponderExcluir
  14. Coloquei nos meu dois sites ficou legal.obrigada,valeu!!

    ResponderExcluir
  15. valeu amigo muito obrigado pelo artigo mim ajudou muito! coloquei em meu blog o www.omeudownload.blogspot.com
    muito obrigado!

    ResponderExcluir
  16. muito obrigado amigo mim ajudou muito em meu blog o www.omeudownload.blogspot.com
    muito obrigado!

    ResponderExcluir
  17. Queria agradecer... as dicas são incríveis e funcionam perfeitamente!
    Gracias
    Mara

    ResponderExcluir
  18. Kra esou atras de codigos de botões sociais que compartilhe videos esse da addthis não serve pra o que eu quero

    ResponderExcluir
  19. Um milhão de obrigados, já tentei ativar os botoes de redes sociais e não conseguia, dessa vez deu certo.
    http://www.fabilila.blogspot.com/

    ResponderExcluir
  20. esses botões do addthis compartilham a pagina e não o video em especifico..

    ResponderExcluir
  21. Muito bom... quem quiser, acessa o meu blog... http://palavradeumhomemso.blogspot.com flwwww

    ResponderExcluir
  22. Eu coloquei como indicado, mas aparece que existem caracteres invalidos,porque? o que devo fazer?

    ResponderExcluir
  23. mas tentou colocar esse código onde?... é para usar em um gadget de html/javascript

    pelo que falou está tentando colocar diretamente na pagina editar html, isso dá erro mesmo

    ResponderExcluir
  24. e onde fica isso, como faço? O meu é do blogger

    ResponderExcluir
  25. como faço para colocar igual ao seu (lado direito e em pé ao invés de deitado)?

    ResponderExcluir
  26. Fabiano,gentileza como faço para acrescentar o +1 , como o seu?

    ResponderExcluir
  27. só precisa colocar o código do +1 dentro da div junto com o código do addthis

    ResponderExcluir
  28. O meu ficou do lado esquerdo! me ajudem!!

    ResponderExcluir
  29. KaRiOkAsErRa
    veja no código left:0px;

    e troque por right:0px;
    então ficará do lado direito

    ResponderExcluir
  30. Coloquei no meu blog e ficou muito legal... obrigada pelas dicas!!!

    ResponderExcluir
  31. Parabéns pelo blog, textei no meu blog e recomendo.
    Coloquei o seu banner no meu blog. http://rusiano-artes.blogspot.com/
    Abraço

    ResponderExcluir
  32. gostaria de nessa barra adicionar o botão de email e o de +1
    como faço???

    ResponderExcluir
  33. esses botões mudam conforme são utilizados.

    aparecem sempre os ultimos que você usou, faça o teste recomende essa postagem clicando no mais e escolhendo uma outra rede e verá que na pagina vez que carregar a pagina aquela rede aparecerá.

    no site do addthis tem como configurar quais botões quer mostrar

    ResponderExcluir
  34. Adorei muito bom vlw =D

    ResponderExcluir
  35. Como faço pra aparecer o botão de compartilhar e curtir no face em baixo de cada mensagem?

    ResponderExcluir
  36. para colocar o botão depois de cada postagem do blog, entre na pagina editar html, marque para expandir o modelo de widgets, procure por post.body e cole o código do addthis logo depois do post.body.

    mas sem a parte que fixa no canto da pagina

    ResponderExcluir
  37. Raquel
    desculpe, escrevi resposta sobre o addthis rsrs

    veja aqui sobre o facebook: Botão Curtir e Enviar do Facebook Juntos

    ResponderExcluir
  38. Muito engraçado também é que os botões não aparecem no IE (no meu caso 8). No DB, mesmo visualizado no IE, aparecem normalmente...

    ResponderExcluir
  39. Olá Fabiano, muito bom seu post como sempre!
    Tenho alguns problemas espero que possa me ajudar...

    1-Os botões não ficaram centralizados, tentei colocar o center mas não funcionou, acho que talvez seja do template mas não sei como mudar isso.

    2-O contador ficou menor que esse seu, praticamente a metade, tem como mudar ele e deixar no tamanho maior?? (tirei o marcador por enquanto pois pequeno ficou estranho)

    Se puder me ajudar, obrigado desde já; e parabéns pelo ótimo trabalho.
    http://brfutblog.blogspot.com/

    ResponderExcluir
  40. apague esse trecho:

    <div class="addthis_style">

    <a class="addthis_counter addthis_bubble_style"></a></div>


    e deixe somente isso: <a class="addthis_counter addthis_bubble_style"></a>

    ResponderExcluir
  41. sobre centralizar coloque no inicio do código <center> e no final </center>

    ResponderExcluir
  42. Obrigado Fabiano, mudei para a horizontal que ficou melhor. Parabéns pelo trabalho, abraço.

    ResponderExcluir
  43. Eu consegui colocar os botões igual do seu blog, ficou beleza. Só que a barrinha com os botões fica atrás dos banners quando rola a página, os botões não ficam por cima de tudo, entendeu? Se puder me ajudar.

    O usuário abaixo te perguntou a mesma coisa mas vc naum viu, é a mesma dúvida minha.
    Lost4eveR Comentou:

    "Coloquei no meu, ficou certinho, só com um porem, ele fica por tras dos banners, qndo rolo a pagina, os banners ficam por cima dele, tem como deixa ele por cima, obg, seu site é um porto seguro, nesse mar tempestuoso dos blogs!!!".

    Antecipadamente, muito obrigado pela atenção.

    ResponderExcluir
  44. o código que uso é esse aqui, mas se os botões passarem sobre videos ou flash ao rolar a pagina pode apresentar falha em alguns navegadores... não achei como corrigir

    ResponderExcluir
  45. Que interessante, eu fiz um teste aki e quando a barra de botões fica do lado esquerdo, fica normal, fica sempre em cima, quando está do lado direito aí acontece isso. A barra naum fica atrás de vídeos ou flash, fica atrás das divisões do blog mesmo.

    Olha como fica:
    http://imageshack.us/photo/my-images/831/botesdecompartilhamento.jpg/

    ResponderExcluir
  46. tente colocar z-index: 300; junto com o código do posicionamento

    ResponderExcluir
  47. Deu certo, Fabiano. Cara, vc tem parte com o demônio. kkkkkkkkkkkkk
    Zuera, claro. Vc é fera. Muitíssimo obrigado, meu irmão. Parabéns por seu trabalho e sua dedicação, sua ajuda é valiosa a todos q aki chegam. :)

    Mais uma vez, muito obrigado. Amor e luz. Somos todos irmãos. Somos todos UM.

    ResponderExcluir
  48. gostei muito deste blog!! parabéns!!gostaria de saber se pode explicar sobre direitos autorais até onde posso postar conteúdos de terceiros por ex:adoro jogos e os videos e imagens a maiorias delas só é possível obter-las na intenet que conselho vc pode me dar!?

    ResponderExcluir
  49. Jumble
    os videos do youtube mostram o código para copiar (compartilhar > incorpoarar), como regra geral sites que mostram os códigos é porque você pode copiar e usar sem problemas.

    mas cuidado com videos de filmes ou series de TV, se usar o adsense não deve mostrar essas coisas senão será punido.

    ResponderExcluir
  50. Valeu Fabiano...com Deus sempre...bjs!!!

    ResponderExcluir
  51. Galera, como faço para add o botão do google + ? Não consegui. Valeu, ótimas dicas... Já estou testando várias no meu blog: http://www.recomendacaodenotebook.com/

    ResponderExcluir
  52. Consegui. só que a parte branca ficou grande e não consigo diminuir.
    www.bugigangazdanet.blogspot.com

    ResponderExcluir
  53. Natalia Sousa
    é por causa do botão +1 que é mais largo que o restante...

    ResponderExcluir
  54. Olá galerinha do Dicas ... venho agradecer por esse blog rico em informações necessarias para nós blogueiros. Meu blog so ta do jeito do jeito que ta por sua causa. Deus abençoi vcs.

    P.S: visita aii i ver oq pode inclementar.Valeu

    ResponderExcluir
  55. Eu coloquei no meu e apliquei um estilo.
    fico massa!

    o único problema foi que esqueci de por o google+
    mais eu vo coloca.

    ve se ficou legal:
    http://naruto-9tails.blogspot.com

    ResponderExcluir
  56. como eles ficariam no blog ?

    ResponderExcluir
  57. fica igual aos botões que usamos atualmente, ou seja um botão embaixo do outro

    ResponderExcluir
  58. Muito obrigado pela dica!

    www.musiloucos.blogspot.com

    ResponderExcluir
  59. Ficou muito melhor o meu blog, consegui colocar várias redes socias. Não sei porque, mas ficou no canto esquerdo, não sei se era pra ser assim, é que aqui está no canto direito. De qualquer jeito, ficou muito bom. Muito obrigado

    ResponderExcluir
  60. Fabiano, tentei adicionar o código do +1 dentro da div junto com o código do addthis, mas não deu certo. Sei que estou pedindo até demais, mas qual o código correto?
    Abraços na alma!
    Parabéns pelo Blog - cada dia melhor.

    ResponderExcluir
  61. veja aqui <a href='http://www.dicasparablogs.com.br/2011/06/colocar-botao-1-do-google-no-blog.html' title='Colocar Botão +1 do Google no Blog'>Colocar Botão +1 do Google no Blog</a>
    coloque o ´codigo neste trecho:
    ........:fixed; bottom:0px; right:0px;padding:2px"><g:plusone size="tall"></g:plusone><div class="addthis_32x32_style">.........
    mas é claro precisa da outra parte antes do < /head >
    < script type="text/javascript" src="http://apis.google.com/js/plusone.js" >

    ResponderExcluir
  62. Valew muito obrigado conseguir adicionar no meu blog

    ResponderExcluir
  63. Oi, gostei muito desse site, suas dicas são maravilhosas, ajudou bastante!

    ResponderExcluir
  64. Poxa eu não acho esse html/javascript onde que ta pode me-fala?Eu sempre clico em adicionar gadget mais aparece uma pagina em branco porque?
    Quando eu clico aparece isso ---> about:blank

    ResponderExcluir
  65. sasuke
    mas o gadget html/javascritp é uma pagina em branco para você digitar o código

    se não tiver onde digitar clique f5 para atualizar a pagina que pode ser erro no carregamento

    ResponderExcluir
  66. VALEU,SOU INICIANTE E ESTOU INCREMENTANDO MEU BLIG COM SUAS DICAS.

    ResponderExcluir
  67. ola eu adicioneu o codigo seu acima so que ele nao ficou os numero de clique o que eu faço?

    ResponderExcluir
  68. jeferson
    tente retirar e colocar novamente o código... se colocou como está no tutorial era para funcionar

    ResponderExcluir
  69. Fabiano,

    É só colocar esses códigos ou precisa modificar alguma coisa?

    ResponderExcluir
  70. Fabiano como eu tiro o codigo de formatação dos botoes ?





    hitsdahoraqui.blogspot.com

    ResponderExcluir
  71. Fabiano vou levar os botões ,exclui sem querer os meus.
    Obriga,valeu,bjus

    ResponderExcluir
  72. Rodrigo
    esses botões não tem formatação, eles são imagens

    acho que não entendi o que você quer fazer

    ResponderExcluir
  73. ensina a colocar só o do google mais e para compartilhar apenas os post.. pq equele la nao funciona

    ResponderExcluir
  74. Pessoal, gostei de mais deste tutorial... muito bom....

    ResponderExcluir
  75. Fabiano, como eu faço pra acrescentar também o botão do 1+ do Google ao canto da página, assim como está no seu blog? Esse código que você postou não mostra o botão do google. Se puder responder, ficarei grato , tirando isso, tá funcionando bacana : )

    ResponderExcluir
  76. @Relax se já tiver o botão +1 em alguma outra parte do blog é só colocar o código
    < g:plusone >< / g:plusone >

    junto que esse que mostramos aqui, senão tem um outro trecho que código que precisa adicionar mas é melhor ver neste link que está mais detalhado: Colocar Botão +1 do Google no Blog

    ResponderExcluir
  77. Valew, Fabiano. Obrigado pela Atenção e pela explicação!

    ResponderExcluir
  78. Gente, eu pesquiso o html/jacascript no ädicionar gadget e não encontro nada

    ResponderExcluir
  79. entre na pagina layout do blogger lá tem adicionar gadget e depois aparece a opção html/javascript

    ResponderExcluir
  80. Parabéns pelo trabalho Fabiano.Muitos se dizem sábios mas não o são pois guardam o que sabem para si, sábio é o homem que transmite seus conhecimentos influenciando as gerações. Mais uma vez parabéns. Quero pedir licença e deixar o endereço do meu blog aqui para alguém que tiver interessado em trabalhar com Marketing digital.
    www.turismo5estrelasisrael.blogspot.com.

    ResponderExcluir
  81. E como botar esses botões na barra lateral do blog, um ao lado do outro ?

    ResponderExcluir
  82. eae fmz? quero que ele fique alinhado no meio esquerdo da tela alguem pode me encinar?

    ResponderExcluir
  83. @Boi Passarim alinhamento no meio não existe, mas é só colocar um espaço embaixo, neste trecho bottom:0px;

    troque por bottom:20%;

    e faça testes até ajustar a altura

    ResponderExcluir
  84. Ficou show! Tutorial bem simples e fácil. O meu blog está ficando cada vez melhor graças a suas dicas.

    ResponderExcluir
  85. Fabiano, Obrigada Querido...!!
    Tenha uma boa semana...!!

    "Alma Exposta"
    Poetas, Poemas e Poesias

    ResponderExcluir
  86. O Fabiano como ponho o do +1 google tambem??
    eu quero ele mas num acho um que de certo.

    ResponderExcluir
  87. você sabe o codigo do +1 google para mim addcionar entre eles???

    ResponderExcluir
  88. CSDA
    se já tiver o botão +1 em outra parte do seu blog é só colocar esse código junto com o addthis

    < g:plusone >< /g:plusone >

    neste trecho:

    ...:0px; left:0px;padding:2px" >< g:plusone >< /g:plusone >< div class="addthis_32x32_style" >....

    mas se ainda não tiver o botão no seu blog veja aqui o código completo dele: Colocar Botão +1 do Google no Blog

    ResponderExcluir
  89. como almento mais me explica ae tou querendo acaba meu blog mas rapido possivel !!
    tentei no 32x32_style">
    coloquei para 60x60 mais do fico meno
    fiz com um numero meno 10x10 mais conteceu nada
    preciso da sua ajuda

    ResponderExcluir
  90. Este comentário foi removido pelo autor.

    ResponderExcluir
  91. Radio !!
    não tem a opção maior que 32. essa parte do código é o nome do estilo do addthis, então não adianta mexer neste valor

    Leonardo Stefanon
    é só trocar left por right nessa parte do código:

    position:fixed; bottom:0px; left:0px;

    então fica assim:
    position:fixed; bottom:0px; right:0px;

    ResponderExcluir
  92. como eu coloco um desse botoes de compartilhamento igual ao seu? o face ta bloqueando o compartilhamento da minha pagina inicial ;/
    sabe pq disso?

    ResponderExcluir
  93. notei esse problema agora a noite(03/02/2012), o botão do facebook parou.

    vamos aguardar até amanhã cedo e se o facebook não resolver teremos que procurar outros códigos.

    mas acredito que seja apenas um bug que logo se resolverá sozinho

    ResponderExcluir
  94. Estou tendo um pequeno erro com meus botões, aparentemente esta td correto, soh a disposição dos botões na caixa é que não esta correto, o botão do +1 e a caixa onde aparece os numeros dos clics estão lado a lada, mesma coisa com o botão do + e a caixa onde aparece o numero, estão lado a lado tbm, sabe como eu posso arrumar este pequeno erro, acho que eh no alinhamento ou quebra de linha.

    att.

    Gilmar Oliveira

    ResponderExcluir
  95. coloque um < br / > entre o botão do +1 e o addthis para mudar de linha

    ResponderExcluir
  96. Caro Fabiano, ñ esta rolando, coloquei a tag, mais ñ mudou nada, se quiser ver como esta: www.veneráveis-criaturas.blogspot.com

    vlw

    abs.

    Gilmar

    ResponderExcluir
  97. Fabiano,

    O script esta correto, porém não fica igual ao seu aqui do lado, estranho.

    www.veneraveis-criaturas.blogspot.com

    Dê uma olhada.
    abs.

    Gilmar

    ResponderExcluir
  98. Gil Lima
    é o formato do botão +1 que está diferente no seu blog, tente colocar assim:

    < g:plusone size="tall" >< /g:plusone >

    você está usando o formato padrão que o numero está ao lado esse que uso é o grande.

    ResponderExcluir
  99. Olá,Fabiano,graças a você, estou conseguindo montar meu blog.Aí,vão mais perguntas(rs):
    Consegui colocar os créditos no blog.Mas não consigo centralizá-lo.Coloquei em forma de texto como gadjet.Tem como centralizar?
    Também consegui centralizar o cabeçalho com a dica que você me deu.Ele fica centralizado,mas colado na área da postagem.Dá pra alterar isso?
    Tentei colocar o menu horizontal que seu código.Só que ele fica muito grande.Tem um código mais simples,sem submenu,apenas pra eu indicar por exemplo:sobremim,receitas,dicas?
    Já peguei este código para colcocar os botões das redes socias na vertical como no seu blog.Mas qual é o código de cada rede social para escrever dentro deste código?
    Abraço e muito obrigada.Você e seu blog são nota 6000000.... O número de suas visitas.

    ResponderExcluir
  100. Ana Cristina o código do addthis seleciona automaticamente as redes que os visitantes mais usam, então o código aqui já está pronto: Botões das Redes Sociais na Vertical - Compartilhar Posts


    sobre centralizar o texto dentro do gadget o mais simples a fazer é colocar em um gadget de html/javascript e usar as tags center, assim:

    < center > texto que você quiser < /center >

    ResponderExcluir
  101. Oi,Fabiano bom dia.Consegui colocar os botões como você ensinou.Quanto a centralizar os créditos,ele centraliza,só que fica aparecendo ao invés de aparecer só o texto.Olha,muiiiiito obrigada mesmo.Sua ajuda está sendo enorme,já que sou uma curiosa e quero apenas deixar minha página do meu jeito.Tenha um excelente dia.

    ResponderExcluir
  102. coloque num gadget de html/javascript, mas coloque os sinais < > que estão jundo com o center sem espaços.

    coloquei os espaços aqui só para o comentarios ser aceito porque o blogger não permite html nos comentarios, mas na hora de usar não tem espaços

    ResponderExcluir
  103. galera veja como ficou no meu blog ai vocês coloca do mesmo jeito, ficou 10. valeu fabiano. www.taboleirograndenews.blogspot.com

    ResponderExcluir
  104. Fabiano,agora funcionou.Muiiiiiito obrigada!Tenha uma excelente noite.

    ResponderExcluir
  105. Olá, Fabiano!
    Acabei de inserir no meu blog. Os meus ícones só ficaram menores, não consegui alterar.
    Parabéns pelo excelente trabalho.
    Obrigada! Valeu pela dica!

    ResponderExcluir
  106. Fernanda Tardin
    para deixar os botões no tamanho que estão aqui no dicas para blogs precisa deixar o trecho addthis_32x32_style no código dos botões

    ResponderExcluir
  107. Olá fabiano, obrigado pelo tutorial XD

    Agora só me falta uma coisa,saber como colocar aqueles plugins do facebook e twitter que fica na parte lateral do blog.São esses aqui que estou falando >> http://web.iconectado.com.br/

    Você sabe como colocar isto?

    abraço

    ResponderExcluir
  108. achei legal o efeito

    vou procurar o código e fazer um tutorial sobre isso.

    ResponderExcluir
  109. Pois é fabiano, vejo esta janela em alguns blog e achei legal, vou assinar seu feed, assim posso aprender como se coloca essa janela.

    abraço

    ResponderExcluir
  110. Olá! Ótimo o blog, parabéns. Bom, não sei se foi azar meu não encontrar aqui, mas... eu gostaria de saber como retirar aqueles banners que ficam no blog quando se extrai um aplicativo de um site/blog (quando disponibilizado, é claro). Valeu aí.

    ResponderExcluir
  111. que banners está falando:

    gostaria de saber como retirar aqueles banners que ficam no blog quando se extrai um aplicativo

    se está falando de codigo prontos que mostram o o link do site onde pegou o código não tem como retirar

    ResponderExcluir
  112. Coloquei no meu Blog! Valeu Fabiano, muito obrigada!

    ResponderExcluir
  113. Olá Fabiano, tenho um problema a algum tempo relacionado ao "Google Chrome" quando clico no botão "addthis_button_compact" ele abre o pop-up com mais opções de compartilhamento correto! mais a questão é que meu blog é de de play do YouTube e o vídeo quando esta em execução se sobrepõem ao pop-up do Addthis. Eu quero fazer com que essa pop-up mude para uma janela Windows ou algo que se sobreponha aos videos. Obs: esse problema só acontece com o Google Chrome.

    ResponderExcluir
  114. acho que não tem como colocar os botões sobre os vídeos do youtube

    ResponderExcluir
  115. como e que almenta o tamanho dos botãoes ???

    ResponderExcluir
    Respostas
    1. na linha onde tem a <div class.......

      use este código:

      div class="addthis_toolbox addthis_default_style addthis_20x20_style"

      o numero 20 é o tamanho do botão, veja mais na pagina de ajuda do addthis:

      http://support.addthis.com/customer/en/portal/articles/815564-available-button-sizes

      Excluir
  116. Mano gostaria de algo como esse aqui ao lado, como posso fazer?

    ResponderExcluir
    Respostas
    1. Este comentário foi removido pelo autor.

      Excluir
    2. esses botões para compartilhar no facebook, google... ?

      veja aqui:
      https://www.dicasparablogs.com.br/2017/08/como-usar-botoes-addthis.html

      são os botões do addthis

      Excluir