Botões do Facebook e Twitter no rodapé das postagens.

Todos sabemos da grande importância e influência das redes sociais na internet e com isso temos que aderir e melhorar a a divulgação de nosso blog juntamente com os artigos nas mesmas.
Nesse tutorial vou mostrar um código de um widget dos botões de compartilhamento ( no rodapé das postagens ) do Facebook ( Curtir e Enviar ) junto com o do Twitter ( Tweetar ) que são muitos recomendados para a recomendação de seus artigos nessas redes sociais. Siga o tutorial abaixo para adicionar os botões ao rodapé das postagens de seu blog.
O código foi retirado do blog Códigos Blog

Tutorial
1. Faça login em seu blog e depois clique na guia "Modelo".
2. Clique em "Editar HTML" e procure pela linha abaixo:

<div class=’post-footer-line post-footer-line-1′/> ou <div class=’post-footer-line post-footer-line-1′>
3. Quando achar alguma das linhas acima, cole o código seguinte logo  abaixo.
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div style=’ height:80px;  background:rgb(232, 240, 249); border: 1px solid rgb(171, 210, 233); padding: 10px; margin: 10px 0pt 10p 0px;’>
<p style=’color: rgb(59, 89, 152); margin: 0pt 0pt 5px; font: bold 1.3em helvetica,arial,verdana;’>Recomende:</p>
<div id=’fb-root’/><script src=’http://connect.facebook.net/pt_BR/all.js#xfbml=1′/><fb:like send=’true’ show_faces=’false’ width=’450‘/>

<a class=’twitter-share-button’ data-count=’horizontal’ href=’http://twitter.com/share’>Tweet</a>
<script src=’http://platform.twitter.com/widgets.js’ type=’text/javascript’/><a href=”https://twitter.com/desenvolvendob” class=”twitter-follow-button” data-show-count=”false” data-lang=”pt”>Seguir</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);</script>
</div>
</b:if>
Alterações
Verde - Frase do widget
Laranja - Largura do widget, aconselho deixar a mesma que está no código
Vermelho - Nome de usuário do Twitter
Área grifada - Caso queira colocar a sua página do Facebook para que os usuários curtam no lugar de curtirem os artigos, substitua a área grifada pelo código abaixo, fazendo as alterações devidas ( coloque o link de sua página no Facebook ).
<div class=”fb-like” data-href=”http://facebook.com/desenvolvendob” data-send=”true” data-width=”450” data-show-faces=”true”></div>

Gostou? Compartilhe: