Códigos ShareThis

Views:
CÓDIGO JVASCRIPT SHARETHIS MODIFICADO
(colar acima de </body>)

<script async='async' src='//platform-api.sharethis.com/js/sharethis.js#property=SEU ID NUMÉRICO AQUI&amp;product=sop' type='text/javascript'/>


CÓDIGO CSS DOS BOTÕES REACTIONS ANIMADOS
(colar acima de </head>)

<style type='text/css'>
/* ShareThis PERSONALIZAÇÃO DOS BOTÕES REACTIONS */
#st-1 .st-btn .st-text{display:none!important}
#st-1 .st-btn:hover > span.st-count{display:inline-block!important}
#st-1 .st-btn > svg{opacity:0}[data-reaction]{
background-size:80px;
background-position:center}
#st-1 .st-btn > span.st-count{
font-size:10px!important; /* TAMANHO DA FONTE DO CONTADOR DE REACTIONS */
padding:4px 7px;
color:#222; /* COR DA FONTE DO CONTADOR DE REACTIONS */
background:#f0f0f0; /* COR DE FUNDO DO CONTADOR DE REACTIONS */
line-height:1!important;
border-radius:5px;
font-weight:bold!important;
display:inline-block!important;
bottom:5px;
right:10px;
position:absolute;
}
[data-reaction=slight_smile]{background-image:url(https://3.bp.blogspot.com/-hNfE5e1Qo3c/XMLiPrFuOFI/AAAAAAAAOm8/pl6tOHh_y2AmumaMK6dQOQ36fP6BjC7_QCLcBGAs/s1600/like.gif)}
[data-reaction=heart_eyes]{background-image:url(https://1.bp.blogspot.com/-HgD0g2IiNLk/XMLiQOHSAxI/AAAAAAAAOnI/tC61Ug_I9zIpIeCVBrcg8QtoGQH7cOoNACLcBGAs/s1600/love.gif)}
[data-reaction=laughing]{background-image:url(https://1.bp.blogspot.com/-liSaUgXsZXo/XMLiP-Z3NkI/AAAAAAAAOnA/idWXMbOdLMIzaz7P_lYvH25NSu6UrPkuQCLcBGAs/s1600/haha.gif)}
[data-reaction=astonished]{background-image:url(https://2.bp.blogspot.com/-fEsfdOAj6m4/XJKUodnOstI/AAAAAAAAGuM/7HkgAaOkelo68pfgJUeQUqgK5If23LvkQCLcBGAs/s1600/wow.gif)}
[data-reaction=sob]{background-image:url(https://2.bp.blogspot.com/-8UjP6O6ZBus/XMLiQgaU5BI/AAAAAAAAOnM/mc0GAQW4kZg4BjtdiHFpBStGzMB6LYW6wCLcBGAs/s1600/sad.gif)}
[data-reaction=rage]{background-image:url(https://2.bp.blogspot.com/-aCtZlJ68tps/XMLiP-pNq7I/AAAAAAAAOnE/UTFuQzM58k4SnUvFGBXbh5bTnZsQYTvGACLcBGAs/s1600/angry.gif)}

/*-- TEXTO COMPARTILHE--*/
.compartilhe {
background: transparent;
margin-top: 2em;
margin-bottom: 0.8em;
padding: 0.1em;
}
p.share {
float: center;
text-align: center;
padding-right: 1.6em;margin-left: 1.5em;
font-family: &#39;montserrat&#39;, sans-serif; /* TIPO DA FONTE DO TEXTO COMPARTILHE */
font-weight: 600; /* PESO DA FONTE DO TEXTO COMPARTILHE */
font-size: 15px; /* TAMANHO DA FONTE DO TEXTO COMPARTILHE */
color: #000; /* COR DA FONTE DO TEXTO COMPARTILHE */
}
</style>



CÓDIGO HTML
(colar abaixo de <div class='post-footer-line post-footer-line-1'>)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='compartilhe'>
                                          <p class='share'>
                                            COMPARTILHE!
                                          </p>
                                        </div>
<div class='sharethis-inline-share-buttons'/>
<div class='sharethis-inline-reaction-buttons'/>
<div class='clear'/>
</b:if>

Formulário de contato

Nome

E-mail *

Mensagem *