Códigos - Botão de Compartilhamento Redes Sociais

CÓDIGO DA FONTE ESPECIAL- COLE ABAIXO DE <HEAD> (caso seu template não tenha)

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>

CÓDIGO CSS- COLAR ANTES DE ]]></b:skin>

/* Botões de compartilhar */
.post-share {
text-align:center; /* ALINHAMENTO DOS BOTÕES, NÃO ALTERE */
margin-top:10px; /* DEFINE A DISTÂNCIA EM RELAÇÃO AO TOPO DO POST */
margin-bottom:20px; /* DEFINE A DISTÂNCIA EM RELAÇÃO AO FOOTER DO POST */
}
.post-share a {
display:inline-block;
}
.share-box {
width: 47px; /* LARGURA DO BOTÃO */
height: 47px; /* ALTURA DO BOTÃO */
background: #ffffff; /* COR DE FUNDO DO BOTÃO */
color: #000000; /* COR DA FONTE */
border: 1px solid #000000; /* COR DA BORDA DO BOTÃO */
display: inline-block;
line-height: 47px; /* ALTURA DA LINHA, MANTENHA IGUAL LARGURA E ALTURA */
border-radius: 1%; /* GRAU DE ARREDONDAMENTO DO BOTÃO - quanto maior a porcentagem mais redondo */
margin: 0 10px;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
}
.share-box i {
font-size:20px; /* TAMANHO DA FONTE DO BOTÃO*/
}
.share-box:hover {
background:#f12020; /* COR DE FUNDO EM ESTADO HOVER */
border:1px solid #ffffff; /* COR DA BORDA EM ESTADO HOVER */
color:#ffffff; /* COR DA FONTE EM ESTADO HOVER */
}

CÓDIGO HTML- COLAR APÓS <div class='post-footer'> (2ª ocorrência)
<center>Compartilhe este post</center>
<div class='post-share'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' target='_blank'></a>
<a expr:href='"http://twitter.com/share?url=" + data:post.url' target='_blank'></a>
<a href='javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','https://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());' target='_blank'></a>
<a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url="+ data:post.url' target='_blank'></a>
<a expr:href='"http://www.tumblr.com/share/link?url="+ data:post.url' target='_blank'> </a>
<a expr:href='"https://instagram.com/share?url=" + data:post.url' target='_blank'></a>

</div>

Está perdido? Clique aqui e seja direcionado para a postagem original.

~~full-width~~