Como colocar botões de reação no Blogger. No tutorial de hoje, vamos ver como os usuários podem reagir via emojis com a ajuda do ShareThis em suas postagens no blogger. Sem mais delongas, vamos descobrir como adicionar botões de reação no Blogger Lazy Load.
Os botões de reação são uma ótima maneira de incentivar o envolvimento com seu blog e também podem fornecer um feedback valioso sobre os tipos de conteúdo que seus leitores gostam. Nesta postagem, mostraremos como adicionar botões de reação às suas postagens do Blogger.
Como colocar botões de reação no Blogger (Lazy Load)?
1. Acesse o seu Blogger e selecione tema > editar HTML. Em seguida, localize por ]]></b:skin> e cole o seguinte CSS logo acima dele.
.sharethis-inline-reaction-buttons{display:flex;max-width:400px;padding:10px 17px;line-height:25px;background:#fffdfc;border-radius:5px;box-shadow:0 10px 25px -3px rgba(0,0,0,.1);font-size:16px;font-family:inherit;color:#08102b;text-align:center}.drK .sharethis-inline-reaction-buttons{box-shadow:none; background:#2d2d30}
2. Localize por <data:post.body/> e cole o seguinte código HTML logo abaixo dele
<b:if cond='data:view.isPost'>
<div class='sharethis-inline-reaction-buttons'/>
</b:if>
3. Agora vá até </body> e cole o seguinte JS logo acima dele
<script>/*<![CDATA[*//* ShareThis (LazyLoad) */ var lazyReact = false; window.addEventListener('scroll', function(){if ((document.documentElement.scrollTop != 0 && lazyReact === false) || (document.body.scrollTop != 0 && lazyReact === false)) { (function() { var ad = document.createElement('script'); ad.setAttribute('type','text/javascript'); ad.async = true; ad.src = 'https://platform-api.sharethis.com/js/sharethis.js#property=63010209a2413d00197af718&product=inline-reaction-buttons'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })(); lazyReact = true; }}, true);
/*]]>*/</script>Confira o passo a passo no vídeo abaixo:
Conclusão
Os botões de reação são uma ótima maneira de incentivar o envolvimento com seu blog. Se você ainda não os usa, nós o encorajamos a experimentá-los!
Se você enfrentar algum problema no código ou tiver alguma dúvida, sinta-se à vontade para perguntar na seção de comentários ou entre em contato conosco.