"colocar-botao-curtir-do-facebook"

09/01/2011 03:15

Aprenda Como:..."   colocar-botao-curtir-do-facebook"



pesquisa realizada em:                                                                  

http://blogger-dicasmamanunes.blogspot.com/
2010/04/colocar-bottao-curtir-do-facebook-no.html



 

Colocar Botão "  Curtir" Do Facebook no Blogger

..."J Miur do Vagabundia trouxe uma novidade bem interessante para divulgar postagens. O botão "Curtir" do Facebook que pode ser colocado nos posts ou direto na home do seu blog Blogger. Leia a matéria toda no Vagabundia."
"Trecho traduzido
:"
"Para aqueles que usam o Facebook, estão aparecendo devagar os métodos de  integração fácil entre blogs e sites. A empresa está em uma luta aberta para "morder" uma fatia de mercado que o Google agora domina."

O código para o botão é o seguinte:

<iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;height=60&amp;action=like&amp;font=tahoma&amp;colorscheme=dark&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:60px'/>
 Há algumas coisas que podemos personalizar:
&amp;layout=standard define otipo de botão, pode-se mudar por button-count para simplifica-lo
&amp;show-faces=true mostra o avatar do usuario e eliminar-se colocando false
&amp;action=like é o texto a mostrar e pode ser substituido  por recommend
&amp;colorscheme=light é o desenho geral, a outra opção é dark
&amp;font=arial é ol tipo da letra opcional e pode ser tahoma, arial, lucida+grande, segoe+ui, trebuchet+ms, verdana
&amp;width=530 é a largura total en pixeles (530 o 450)
&amp;height=60 es la altura total en pixeles

Se quiser exibi-lo no rodapé das postagens faça o seguinte:

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.

Se queremos exibi-lo em nossa página (pode-se  usá-lo em qualquer página), o código é o mesmo e apenas definir a URL correta, substituindo data:post.url pelo endereço do nosso blog e, neste caso, devemos mudar os símbolos //: (barra dois pontos)
por seus  equivalentes - % 3A% 2F:

Fica assim:


<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblogger-dicasmamanunes.blogspot.com%2F&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;height=60&&action=like&amp;font=tahoma&amp;colorscheme=dark" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px; height:60px"></iframe>


Referencia: VAGABUNDIA


 


contador
contador