Botão de curtir e de retuitar para seu blog

 
O Facebook está crescendo, isso é um fato. E ele pode se tornar um excelente meio para aumentar os acessos e a popularidade de seu blog. Então vou ensinar hoje como colocar o botão Curtir do Facebook ao final dos seus artigos do blog.
Para começar clique em Design. A seguir clique em Editar HTML. Marque a caixinha Expandir modelos de widgets. Agora, usando a tecla F3 do teclado (se estiver no Explorer use Ctrl+F) encontre este trecho de seu código-fonte:

<div class='post-footer-line post-footer-line-2'> 

Agora, imediatamente abaixo dele cole este código:

 <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=Curtir&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:650px; height:50px;'/>

Clique em Visualizar, e se estiver tudo ok salve.

Para entender como funciona, clique em Curtir ali ao final deste artigo.Isso enviará à sua página do Facebook o link deste post, dizendo aos seus amigos que é legal, recomendando como quando a gente retuíta um post e o link dele vai para nossa timeline no Twitter.

Faça o teste, clique em Curtir e veja como funciona direitinho!

E por falar em retuitar posts, vamos aprender como colocar um botão ao lado dos títulos do post e que conte os retuítes que cada post ganhou, além de permitir ao leitor indicar no Twitter seus posts.
Para começar, encontre em seu código-fonte este trecho:

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

Preste atenção pois este código se repete 2 vezes. Estamos procurando a primeira ocorrência dele, tá? Agora, imediatamente abaixo dele cole este código:

<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'seu_nome_de_usuário_do_twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

Onde está escrito Seu nome de usuário do twitter coloque seu username, sem a @.
Prontinho. Só isso. Basta salvar e estará ok.

Este botão tem a mesma função do botão presente nos ícones de compartilhamento do Blogger, mas é maior, verdinho e portanto mais destacado. Além, claro de estar ao lado do título da postagem. Mas tem quem o use ao final do post, e isso pode ser feito apenas mudando o local de inserção do código.

Gostou? Então clica aí nos ícones e recomenda para que mais gente aprenda!

E caso você tenha gostado mas não tenha tempo ou paciência para fazer, eu faço pra você!