Como colocar o Botão Curtir do Facebook no seu Blog

Como colocar o Botão Curtir do Facebook no seu Blog

Vou ensinar passo a passo a como colocar o Botão "Curtir" do Facebook no seu Blog.

Esse Botão é bem útil, pois os leitores do seu Blog poderão diretamente compartilhar os seus postes no Facebook.

1° Primeiro: vá até o painel do seu Blog, depois em Design >>e em Editar o HTML >> em seguida Marque a opção Expandir modelo de Widgets.

2° Segundo: Vamos usar um atalho de pesquisa: Ctrl + F para pesquisar esse seguinte trecho:

<data:post.body/>

3° Terceiro: Quando encontrar, adicione esta sequencia de código mostrada logo a baixo:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='display: inline; float: right; margin-left: 5px'>
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=80&amp;action=like&amp;colorscheme=light"' scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:80px; height:20px"></iframe>
</p>
</b:if>

4° Quarto: Agora Clique em Visualizar, e depois salve o Modelo.


o botão aparecerá no final das postagens, na parte Direita>> a baixo da postagem

Read more »

Botão do Facebook

Botão do Facebook abaixo do título do post

Para adicionar o botão abaixo do título do post, basta seguir estes passos:


1- Vá para Design > Editar HTML;
2- Faça o backup de seu template;
3- Clique em expandir modelos de widget;
4- Pressione Ctrl + F e procure por <data:post.body/>
5- Cole antes de <data:post.body/>  este código:

<!-- Facebook Button -->
<div style='float: left; padding: 5px; '>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type=' Tipo de botão '/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<!-- Facebook Button -->

6- Clique em visualizar, e se estiver tudo certo salve.

Botão do facebook embaixo do post

Para colocar o botão abaixo do corpo do post, ao invés de colarmos o código acima de <data:post.body/>; colaremos logo abaixo dela.

Escolhendo os botões

No lugar de Tipo de botão coloque o nome do seu botão preferido:

button, para um botão como esse:

button_count, para um botão como este:

icon, para este:

Read more »