Novos botões de compartilhamento Share-Button

Lançou oficialmente o Share-Button para o Blogger. Coloque botões de compartilahmento de redes sociais em seu blog, porem tem um problema, ele só funciona com os templates do próprio blogger. Vamos corrigir esse erro para o botão funcionar em todos os templates:

Vá em seu blog em “Design” > “Elemnetos da Página” e clique no link “Editar” do “Postagens do Blog”.

E abrira uma janela, procure por “Mostrar botões de compartilhamento” e selecione na caixinha e salve!

Verifique se em seu template apareceu o botão, se não aparecer vamos corrigir o erro. Vá em “Design” > “Editar HTML” e selecione a caixinha “”Expandir modelos de widgets”. Procure o trexo:

<div class='post-body entry-content'>
  <data:post.body/>
  <div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Agora coloque o código seguinte em cima de <div class='post-body entry-content'> :

<!-- Botoes Sharebutton Blogger inicio -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float: right; margin: 5px 2px 10px 10px'>
<a class='share-button sb-email' expr:href='data:post.emailPostUrl' expr:title='data:top.emailThisMsg' target='_blank'> <span class='share-button-link-text'>
<data:top.emailThisMsg/>
</span></a> <a class='share-button sb-facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' expr:title='data:top.shareToFacebookMsg' target='_blank'> <span class='share-button-link-text'>
<data:top.shareToFacebookMsg/>
</span></a> <a class='share-button sb-blog' expr:title='data:top.blogThisMsg'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a> <a class='share-button sb-twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' expr:title='data:top.shareToTwitterMsg' target='_blank'> <span class='share-button-link-text'>
<data:top.shareToTwitterMsg/>
</span></a> <a class='share-button sb-buzz' expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title' expr:title='data:top.shareToBuzzMsg' target='_blank'> <span class='share-button-link-text'>
<data:top.shareToBuzzMsg/>
</span></a>
</div>
</b:if>
<!-- Botoes Sharebutton Blogger final –>

Faça sempre o backup de seu template antes de mecher nele! Não sabe fazer backup? Clique aqui!

Agora visualize e veja se esta lá o botão, se tiver salve seu modelo!