Adicionar Botões de Compartilhamento Social abaixo de cada Título no Blogger

Adicionar botões de compartilhamento social abaixo de cada Título de post no Blogger



Bloggar se torna mais interessante se os leitores puderem compartilhar o seu conteúdo e posts em diferentes sites de compartilhamento social. Sites de mídia social desempenham um papel vital em blogs. Isso também faz aumentar a classificação blog em motores de busca e sem utilizar quaisquer serviços sociais não vamos conseguir um bom tráfegos de sites de redes sociais que hoje são uma peça vital no desenvolvimento de um site. Um bom site ou blog será considerado somente se obter grandes tráfegos de mídias sociais e motores de busca, pois isso aumenta seu ranking e faz com que o seu blog apareça como um dos primeiros na lista que aparece de 10 sites recomendados quando você digita algo. Você já deve ter notado que quando um dos seus posts aparece em uma boa posição nos motores de busca você recebe milhares de visitas por dia. Mas você deve notar que um grande diferencial desses sites é que eles são preparados para que a notícia veiculada neles chegue até outros usuários facilmente. Em suma, além de escrever um texto interessante sempre devemos publicar o nosso post em diferentes sites de mídia social através de compartilhamento social e Widgets. Assim, no post de hoje vamos aprender como adicionar botões de compartilhamento social abaixo título do post no blog do Blogger.

Botões de compartilhamento social Widget ajudam a aumentar o tráfego do seu site.


Estamos totalmente de acordo com o que o título acima diz. Botões de compartilhamento social Widget realmente como mágica podem aumentar o tráfegos do seu blog. E o que você tem a fazer é tornar esse compartilhamento fácil para obter tráfegos maciços dos motores de busca, bem como da rede de mídia social. Como no exemplo acima onde dissemos que os Blogueiros mais experientes não apenas publicam seu texto e deixam que ele seja descoberto ao acaso, principalmente se você é um blogueiro que está começando você deve procurar outros meios de fazer o seu blog conhecido. Por que confiar no google, yahoo, baidu, e outros motores de busca não é suficiente.
Lembre-se que os blogueiros mais experientes já passaram pelo tempo de poucas visitas, algo extremamente importante é sempre se comunicar com os seus leitores! deixar um comentário no seu blog sem resposta mostra descaso e provavelmente esse usuário não voltará para te visitar lembre-se que o seu maior aliado é outro blogueiro pois se você escreve matérias interessantes e está sempre atualizando o seu blog com novos posts é bem provável que estes outros blogueiros passem a te seguir para estar sempre por dentro das novidades. Desta forma, também temos uma boa chance de ter um divulgador entre os amigos do blog. Importante dizer que depois das últimas atualização do Google Pinguin 1.0 e Pinguin 2.0 não basta ter um blog, ele tem que ser ativo, consistente, (posts frequentes) e bom conteúdo, e o mais importante poluição visual faz com que o seu site perca pontos no ranking. Esse post por exemplo no momento que estou escrrevendo  sobre ele estou com outra janela aberta pesquisando quais os termos mais buscados no google para que esta página conte muitos pontos com palavras chaves distribuidas pelo texto. 


O que contém este gadget ou widget ?


Na verdade, este gadget ou widget é composto de vários botões de compartilhamento social. E consiste do facebook, google plus, twiter e StumbleUpon poderiam ter mais como o Reddit mas este não é tão conhecido dos brasileiros portanto ele vai ficar de fora por enquanto. Este gadget foi preparado muito cuidadosamente para que não contenha erros dentro do código. Estamos analisando o gadget ou widget antes de compartilhá-lo com nossos leitores fiéis. Se você encontrar alguma falha no gadget não deixe de se comunicar deixe uma mensagem abaixo e nós estaremos muito felizes de fazer o possível para solucionar e corrigir o problema detectado
Este gadget foi totalmente criado em HTML e javascript. Html para ele projetar no layout  javascript para as funções do gadget. Ele tem um layout suave e incrível designing.

Característica de usar botões de compartilhamento social abaixo de cada post no Blogger / Blogspot


Existem inúmeras vantagem usando este gadget blogger / blospot. As seguintes estão sendo discutidas aqui. Por favor, dê uma olhada na lista abaixo e acrescente a sua nos comentários caso ache mais alguma.
  • Compartilhar o post com um único clique:
  • Economia de tempo e desnecessidade de copiar e colar para compartilhar o post:
  • Consistem em facebook, google plus, twiter, stumbleupon:
  • Atrair visitantes com simples curtir do facebook:
  • Muitos curtem seus posts sem mesmo ter lido mas pelo simples fato de ver um botão de curtir curtem seus posts (quem nunca fez isso atire a primeira pedra)
  • Dispositivo extremamente leve diminui o tempo de carregamento da página:

Como adicionar botões de compartilhamento social Widget Abaixo da Mensagem Título no Blogger?


Este processo é muito simples, basta seguir os nossos passos mencionados abaixo: Nós vamos adicionar as partes do dispositivo dentro template blogger. Portanto, tenha cuidado ao fazer qualquer alteração. Lembre-se sempre de salvar o seu template antes começar a efetuar qualquer alteração do layout.


  • Passo 1:
  • Vá para o Painel do Blogger:
  • Vá até o editor de modelo e encontrar tag </ head>:
  • Cole o código abaixo indicado antes da tag </ head>:

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>

  • Etapa 2:
  • Mais uma vez ir ao editor de modelo:
  • Encontrar esses códigos dentro do modelo:
  • Cole o código abaixo após <data:post.title/> ou em outros templates blogger  parecido com este <p> <data:post.title/> </ p>
  • Se você está confuso apenas veja as imagens abaixo:
  • Compartilhamento social abaixo do título no blogger
    • Cuidado que este item aparece mais de uma vez portantanto se você atualizar e salvar o seu template e os icones sociais não aparecerem onde eles deveriam estar provavelmente você colou o script no local errado!



    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='padding:4px;'>
    <table border='0'>
    <tbody><tr>
    <td>
    <div style='margin-right:10px;'>
    <script type="text/javascript" expr:src='"http://widget.dihitt.com/button?size=micro&amp;=0&amp;ref=527173&amp;url=" + data:post.url + "&amp;title=" + data:post.title'></script>
    </div>
    </td>
    <td>
    <div style='margin-right:10px;'>
    <a class='twitter-share-button' data-count='horizontal' data-via='eraizel' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
    </div>
    </td>
    <td>
    <div style='margin-right:10px;'>
    <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:0px; width:100px; height:20px;'/>
    </div>
    </td>
    <td>
    <div style='margin-right:10px;'>
    <g:plusone expr:href='data:post.url' size='medium'/>
    </div>
    </td>
    <td>
    <div style='margin-right:10px;'>
    <script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/>
    </div>
    </td>
    </tr>
    </tbody></table></div>
    </b:if>

    Faça essas alterações


    • Substitua o nome da cor amarela com seu próprio nome twiter:
    • Você também poderá aumentar a largura da borda, dando valor a borda da tabela no código acima:
    • Pronto!

    Palavras Finais


    Amigos temos o árduo esforço para trazer este tutorial sobre como adicionar botões de compartilhamento social Widget abaixo de cada post no blog do Blogger / Blogspot. Nós discutimos aqui com detalhes algo muito além de simplesmente um truque, demos algumas dicas de como aumentar o tráfego de pessoas para o seu blog. Espero que vocês não enfrentem nenhum problema. Se você estiver tendo qualquer problema, então não hesite em perguntar na área de comentários. Obrigado e Feliz Blogging!!



    Atenção: Note que algums dos links recomendados acima ainda não estão disponíveis pois ainda estou escrevendo os artigos portanto eles irão redirecionar para o post assim que o post for publicado por enquanto eles estão redirecionando para as dicas!

    3 comentários:

    1. Olá,...
      gostei muito,
      vou seguir o passo a passo para coloca-los
      Obrigado!

      ResponderExcluir
      Respostas
      1. se tiver problemas para implementar o recurso mande o seu template para mim que terei o maior prazer em por para vc!

        Excluir
    2. oii amigo tentei fazer mas nao conseguir no meu da erro ao salvar mim ajudar?

      ResponderExcluir

    Copyright © 2013 Template para Blogger | Free Blogspot Templates Traduzido por: Templates para Blogger