Botão Like do Facebook no Blogspot

Vamos colocar um botão "Like" do Facebook no Blogspot.  No final das postagens já existe um conjunto de botões, sendo um deles o "Like".  Mas, vamos personalizar um em destaque.

Vá em "Modelo", "Editar Html", "Expandir modelos de widget" , "Ctrl+f" no teclado e na caixa que se abriu, cole um dos códigos abaixo, que aparecerá destacado no seu HTML.

Marque "Expandir Modelo de Widgets"

Se quiser o botão logo abaixo do título da postagem:

<div class='post-footer'>

Se quiser colocá-lo logo após o título da postagem, procure pelo código abaixo:

<div class='post-header-line-1'/>

Após um dos códigos acima, colar o seguinte:

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

Pronto, é só clicar em visualizar, ver se deu tudo certo e salvar em seguida.

Para saber mais, adquira a nossa Apostila.