Colocar Botão "Curtir" Do Facebook no Blogger

Todo mundo se pergunta como colocar aquela caixinha do botão Like então vou ensinar como colocar

Espero que gostem

PASSO 1- Primeiramente neste link para fazer o botão like

http://developers.facebook.com/docs/reference/plugins/like/

Passo 2- Após ter entrado no site Aparecera isto para vc inserir.

A URL do seu blogger ou site

Estilo do botão

As pessoas que seguem

Show faces

Largura do botão em pixs

O verbo usaso (?)Pode escolher entre like ou Recomendo



A fonte do texto



Cor do seu botão

Passo 3 - Clique em Get Code Aparecerá este codido iframe

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

Login no Blogger ► opção "layout" ► Editar HTML ►Clicae em "Expandir modelo de wdgets"

Procure pelo trecho <div class='post-footer-line post-footer-line-1'>

Cole o código ABAIXO do trecho

Para exibir ao lado do título da postagem procure pelo trecho <div class='post-header-line-1'/>

Cole o código ABAIXO do trecho

Há algumas coisas que podemos personalizar:

&layout=standard define otipo de botão, pode-se mudar por button-count para simplifica-lo
&show-faces=true mostra o avatar do usuario e eliminar-se colocando false
&action=like é o texto a mostrar e pode ser substituido por recommend
&colorscheme=light é o desenho geral, a outra opção é dark
&font=arial é ol tipo da letra opcional e pode ser tahoma, arial, lucida+grande, segoe+ui, trebuchet+ms, verdana
&width=530 é a largura total en pixeles (530 o 450)
&height=60 es la altura total en pixeles

TUTORIAL CHEFE

Colocar Botão "Curtir" Do Facebook no Blogger