Botões de compartilhamento abaixo dos posts do blog

Hoje em dia com o crescimento das redes sociais os botões de compartilhamento possuem grande poder de divulgação dos artigos de seu blog. Pensando nisso neste artigo venho mostrar a vocês um simples código que adiciona botões de compartilhamento abaixo dos posts de seu blog.

Adicionado ao seu blog

1. Faça login no painel de seu blog e depois clique na guia "Modelo"

2. Clique em "Editar HTML" e após isso marque a opção "Expandir modelos de Widgets"

3. Procure pela linha abaixo:

<data:post.body/>

4. Acima dela cole o seguinte código:

<div style='clear: both;'/> <b:if cond='data:blog.pageType == "item"'><div align='left'> <p style='margin:0; border-bottom:1px solid #666666;'> <font color='#666666' face='Arial Black' size='5'>Compartilhe »»</font></p> <table border='0' cellpadding='2' cellspacing='10'><tbody> <tr> <td style='padding-top:8px;'><g:plusone size='tall'/> <script type='text/javascript'> (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> </td> <td style='padding-top:8px; '> <script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/> </td> <td style='padding-top:8px;'> <div id='fb-root'/> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/></td> <td style='padding-top:8px;'><a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </td> <td> <!-- AddThis Button BEGIN --> <div class='addthis_toolbox addthis_default_style '> <a class='addthis_counter'/> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/> <!-- AddThis Button END --> </td> </tr> </tbody></table> <span class='style1'><a href='http://hs-dicas.blogspot.com' target='_blank'>Desenvolvido por HS Dicas</a></span></div> </b:if> <div style='clear: both;'/> <div style='clear: both;'/> <!-- clear for photos floats -->

7. Clique em "Salvar Modelo"

Pronto pessoal, terminamos aqui mais um artigo, até a próxima.

- Botões de compartilhamento de seus posts em redes sociais.

Gostou? Compartilhe:

Tweet