Aprenda Como:..." colocar-botao-curtir-do-facebook"
pesquisa realizada em:
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='"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'/>
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 ►
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:
Exemplo ...
Fica assim:
<iframe src="http://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
Para quem usa o Facebook, estão aparecendo devagar os métodos de integração simples com blogs e outros sites da web como a empresa está em uma briga direta para controlar a quota de mercado que o Google agora é o único Senhor e Mestre. Até recentemente , a maioria dessas coisas foram bastante complexa, mas começaram a oferecer alguns códigos simples que podem ser vistos em suapágina do desenvolvedor . Talvez, o mais interessante são os plugins sociais e, entre eles, o famoso botão Likes permitindo aos usuários compartilhar conteúdo entre o seu site e Facebook visitantes.
Tudo que você precisa adicioná-lo para o Blogger é copiar e colar o código que não é nada mais que um iframe :
<Iframe expr: src = '"http://www.facebook.com/plugins/like.php?href =" + dados: post.url + allowTransparency frameborder = 'true' = '0 'scrolling =' no 'style =' border: none; overflow: hidden, width: 450px, height: 60px "/>
O mais razoável seria a de colocá-lo em cada entrada, juntamente com o resto dos ícones sociais, por exemplo, no pós-footer das entradas. Embora este é o código padrão, há coisas que podem ser personalizadas que estes parâmetros são estão ligados à nossa entrada URL: & layout = normadefine o tipo de botão, pode ser alterado por contagem botão para simplificar e mostram-faces = true mostra o avatar do usuário e pode ser removido colocando falsa ação & = como é o texto a ser exibido e pode ser alterado para recomendar & colorscheme = luz é a concepção global, a outra opção é dark & font = arial fonte é opcional e pode ser tahoma , arial , lucida + grande , Segoe + ui, trebuchet + ms , verdana & width = 530 é a largura total em pixels (530 ou 450) & height = 60 é a altura total em pixels se colocarmos em nossa casa (nada impede o uso em qualquer página) o código é o mesmo e apenas definir a URL correta, substituindo os dados: post.url pela direção do nosso blogue e, neste caso, devemos mudar os colonos e seus equivalentes bar 3A% e % 2F :
<Iframe allowTransparency = "true" frameborder = scrolling "0" = "no" style = "border: none; overflow: hidden, width: 450px, height: 60px"> </ iframe>
