Tecnologia do Blogger.

quarta-feira, 14 de março de 2012

Botão Curtir do Facebook no Blogger

Filled under:

Uma pergunta frequente que recebemos é como colocar um botão curtir do facebook no blog, isso é simples de fazer você só precisa colocar algumas linhas de código e o botão do facebook já está funcionando no seu blog. Leia nosso novo tutorial sobre usar o Botão Curtir e Enviar do Facebook Juntos.


Veja também como usar botões para OrkutDihitt e Twitter, afinal todas as redes sociais tem suas possibilidade de gerar visitas, você só precisa achar qual delas dá melhores resultados e mais visitas para seu blog.

Entre na pagina editar html, marque para Expandir modelos de widgets e procure <post.body>, quando localizar esse código você tem duas opções: colocar o botão curtir do facebook no inicio ou final de seu texto. Se quiser no inicio do texto coloque o código antes de e se quiser no final coloque depois.

Código do botão curtir no Facebook:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float: right; margin: 3px;display: inline;'>
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=80&amp;action=like&amp;colorscheme=light"' scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:80px; height:20px"></iframe>
</div></b:if>


Outra forma de divulgar seu blog através do Facebook com o botão curtir é colocá-lo em um gadget(html/javascript) para divulgar a pagina inicial do seu blog vez de cada postagem. Então o código é esse:

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.dicasparablogs.com.br&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>


Esse gadget aparecerá desta forma, e claro se quiser clique no botão para curtir nosso blog no facebook:
Via Dicas Para Blog

0 comentários:

Postar um comentário

Digite seu comentário e depois clique em publicar e prontinho!