As forma mais fácil de adicionar o botão Curtir do Facebook noBlogger é através da barra de ferramentas do Wibiya. Isso porque ela é instalada diretamente a partir do site do Wibiya e a barra fica no rodapé do blog sem desconjuntar o layout. O Add This também pode ser usado para adicionar o botão mas, se for colocado como um gadget ele não vai ficar no rodapé do post.
Porém, essas ferramentas instalam vários recursos e muitas vezes ficam pesadas, atrapalhando o carregamento do blog. Por isso, se você quiser instalar o somente botão Curtir do Facebook no Blogger, dentro dos posts, siga as etapas abaixo.
Porém, essas ferramentas instalam vários recursos e muitas vezes ficam pesadas, atrapalhando o carregamento do blog. Por isso, se você quiser instalar o somente botão Curtir do Facebook no Blogger, dentro dos posts, siga as etapas abaixo.
NOTA: Faça um backup do seu template ANTES de fazer qualquer alteração para que você possa recuperar se algo der errado.
1. Entre no seu painel do Blogger.com. Se for o painel antigo entre na guia Design –>Editar HTML. Se for o painel novo procure pela guia Modelo e ao lado do botão personalizar , clique no botão Editar HTML.
2. Marque a caixinha Expandir Modelos de Widgets e utilize o Ctrl + F para procurar pela linha a seguir.
<data:post.body/>
Ou, então procure por uma destas:
<div class='post-header-line-1'>
<div class='post-header-line-1'/>
<p class='post-header-line-1'>
<p class='post-header-line-1'/>
Estas linhas são a parte de cima do post, onde o botão vai aparecer. Se quiser colocar o botão Curtir no final do post procure por uma destas linhas no código.
<div class='post-footer-line post-footer-line-3'>
<div class='post-footer-line post-footer-line-3'/>
<p class='post-footer-line post-footer-line-3'>
<p class='post-footer-line post-footer-line-3'/>
O código seguinte deve ser aplicado imediatamente abaixo de qualquer uma das linhas acima.
<b:if cond='data:blog.pageType == "item"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=Curtir&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> </b:if>
O trecho em Azul pode ser modificado. Por exemplo, você pode colocar Gosto em vez de Curtir. A parte em preto se refere a colocação dos botões apenas em páginas internas. Se você quiser que o botão apareça também na homepage, apenas retire essa parte.
Se você quiser colocar o botão logo no início do post,ao lado do primeiro parágrafo, procure pela seguinte linha:
Se você quiser colocar o botão logo no início do post,ao lado do primeiro parágrafo, procure pela seguinte linha:
<div class=’post-body entry-content’>
Cole o código do botão Curtir imediatamente acima desta linha, da forma como demonstrada abaixo.
<b:if cond='data:blog.pageType == "item"'>
<p style='display: inline; float: left; margin-right: 5px'>
CÓDIGO DO BOTÂO CURTIR
</p>
</b:if>
As linhas que foram acrescentadas fazem com que o botão apareça à esquerda com o texto em volta dele.
Após feitas as etapas faça uma visualização para se certificar de que não há erros no template. Se tudo estiver normal, salve as alterações e veja o resultado.
Após feitas as etapas faça uma visualização para se certificar de que não há erros no template. Se tudo estiver normal, salve as alterações e veja o resultado.
Sem Comentários
Regras dos comentários
1. Todos os comentários são lidos e se possível respondidos.
2. Não serão toleradas faltas de respeito.
3. Se possível comente e faça de nós um grupo feliz.
4. Caso comente como Anónimo o seu comentário será anulado!
5. Caso o link não Esteja Pegando Deixe um comentário avisando!
Obrigado