Anteriormente, vimos como adicionar os Botão de Compartilhamento do Facebook no Blogger, mas hoje veremos como adicionar o novo botão Like, Gostar ou Curtir do Facebook que faz o compartilhamento dos seus posts no Facebook.
É extremamente importante divulgar os seus posts em redes sociais pois assim, o seu blog está a receber visitas constantes, através de indicações feitas por outros leitores.
Para colocá-lo no seu blog siga os pontos abaixo:
1. Entre no Blogger > Design > Editar HTML. Clique em Expandir Modelos de Widget e procure pela linha abaixo:<div class='post-body entry-content'>Se não encontrar procure por:
<div class='post-body'>2. Logo abaixo dela, cole o seguinte código:
<div style='float:right; padding:4px;'>3. Clique em Pré-Visualizar/Visualizar, se gostar do que viu pressione o botão Guardar/Salvar Modelo.
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=80&action=like&colorscheme=light"' scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:80px; height:20px"></iframe>
</div>
O resultado será o seguinte:
Para mostrar o botão Like, Gostar ou Curtir apenas nas páginas individuais dos posts adicione, no inicio do código, <b:if cond='data:blog.pageType == "item"'> e no final </b:if>. Como no exemplo abaixo:
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; padding:4px;'>
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=80&action=like&colorscheme=light"' scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:80px; height:20px"></iframe>
</div>
</b:if>
Labels: TutoriaisBlogger