"colocar-botao-curtir-do-facebook"
09/01/2011 03:15
..."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 :"
O código para o botão é o seguinte:
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
Fica assim:
Referencia: VAGABUNDIA
Aprenda Como:..." colocar-botao-curtir-do-facebook"
pesquisa realizada em:
https://blogger-dicasmamanunes.blogspot.com/
2010/04/colocar-bottao-curtir-do-facebook-no.html
Colocar Botão " Curtir" Do Facebook no Blogger
"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='"https://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'/>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
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)
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="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblogger-dicasmamanunes.blogspot.com%2F&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"></iframe>
Referencia: VAGABUNDIA
