Barra de Compartilhamento no Rodapé dos Artigos

 

Vamos ao Tutorial:

1º – Acesse o painel do seu blog e clique na guia Modelo.

2º – Depois clique na Botão Editar HTML.

3º – Depois clique na caixa Expandir Modelos de Widgets.

4º – Segure as teclas CTRL+F e procure por:
]]></b:skin>

5º – E Acima dele cole o seguinte código:

#barra-post {
width: 95%;
background: #EAEAEA;
border: 1px solid #CCC;
height: 25px;
padding: 5px 5px 1px 10px;
margin: 8px;
}
#barra-post div {
float: left;
}

6º – Depois, segure as teclas CTRL+F e procure por:
post-footer-line-3'

7º – E Abaixo da linha encontrada, adicione o seguinte código:

<b:if cond='data:blog.pageType == "item"'>
<div id='barra-post'>
<div><a class='twitter-share-button' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a></div>
<div><g:plusone expr:href='data:post.url' size='medium'/></div>
<div><fb:like expr:href='data:post.url' font='arial' layout='button_count' send='true' show_faces='false' width='54'/></div>
</div></b:if>

8º – Depois, clique em Salvar Modelo.