Botões de Redes Sociais no Fim de Cada Artigo

Como em muitos templates não há a opção de "Curtir", "Twittar" ou "G+1", nesta dica você verá como adicionar botões de redes sociais nos seus artigos.

Blogueiros mais experientes sabem da importância de botões de redes sociais para compartilhamento de seus artigos. Infelizmente, para quem está iniciando no mundo dos blogs e que não tem conhecimento de programação, muitos templates do blog não vem com esta opção, e com isso é necessário adiciona-lo.

Adicionando ao blog

1. Faça login no Blogger > Acesse o painel do seu blog > Vá em Modelo
2. Clique em Editar HTML
3. Dê Ctrl+F e procure pela linha > <data:post.body/>
4. Acima dese código cole:

<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 -->


Salve a alteração feita em seu template.
10:46
Marcadores:

Postar um comentário

[facebook][disqus][blogger]

Alberto Monteiro

Formulário de contato

Nome

E-mail *

Mensagem *

Tecnologia do Blogger.
Javascript DisablePlease Enable Javascript To See All Widget