Gadget de redes sociais em seu blog

17 de outubro de 2013

8 comentários:
O código abaixo é referente ao gadget de compartilhamento ou acompanhamento em certas redes sociais. Você encontrará no gadget:

  • Facebook Like Box
  • Botão "Enviar e Curtir" do Facebook
  • Botão "Google +1"
  • Botões de "Seguir e Tweetar" do Twitter.

Imagem do gadget em funcionamento.

Código:

<center><div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=626913313990278"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="LINK-PÁGINA" data-width="285" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div></center> <div class="fb-like" data-href="LINK-BLOG" data-width="285" data-height="The pixel height of the plugin" data-colorscheme="light" data-layout="standard" data-action="like" data-show-faces="true" data-send="true"></div><!-- Place this tag where you want the +1 button to render. --> <div class="g-plusone" data-annotation="inline" data-width="285"></div> <!-- Place this tag after the last +1 button tag. --> <script type="text/javascript"> window.___gcfg = {lang: 'pt-BR'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> <p><a href="LINK-TWITTER" class="twitter-follow-button" data-show-count="false" data-lang="pt">Seguir @twitter</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script><a href="https://twitter.com/share" class="twitter-share-button" data-lang="pt">Tweetar</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p> <div id="widget" style="font-size:10px; float:right;"><p>Widget by <a href="http://henriquezenny.blogspot.com/2013/10/gadget-de-redes-sociais-em-seu-blog.html">Henrique Zenny</a></p></div>
Substitua no código:
  • LINK-PÁGINA: Deve ser substituído pelo link da sua página do facebook;
  • LINK-BLOG: Deve ser substituído pelo link do seu blog;
  • LINK-TWITTER: Substitua pelo link do seu twitter.

Como instalar em seu blog


  1. Inicialmente, faça login em sua conta e acesse o painel do blogger;
  2. Escolha o blog desejado, e clique no menu "Layout" › "Adicionar um Gadget";
  3. Adicione o gadget "HTML/JavaScript";
  4. Cole o código informado acima, com as devidas alterações;
  5. Salve e organize o gadget aonde deseja que apareça em seu blog.
O código é de simples instalação e configuração, facilitando muito a vida dos blogueiros na divulgação do seu blog e perfis em redes sociais. Caso tenha dúvidas, poste um comentário! 

8 comentários:

  1. Parabens pelo widget Henrique! Facil de instalar e funciona muito bem!
    Suceso pra você!

    ResponderExcluir
  2. Cara vc é foda, só aqui que consegui colocar todas as redes sociais que eu queria no meu blog, eu já tava quase desistindo, muito obrigado ficou show e muito sucesso. agora sim meu blog ficou melhor http://tudodemelhordonegocionanet.blogspot.com.br/

    ResponderExcluir
  3. meu amigo no meu blog só aparece o twitter já tentei de muitas formas que a internet oferece mas ate agora não consegui já estou frustado meu blog:http://www.serrinhapintos.blogspot.com.br/
    minha pagina:https://www.facebook.com/pages/Serrinha-dos-Pintos-da-Gente/860297654038017?ref=hl
    se o amigo tiver tempo e poder me ajudar: já tentei o que o face desenvolvedor oferece m que eles sugeren instalar logo após desde já muito obrigado,

    ResponderExcluir