Colocar Botão Curtir e Integrar Página do Blogger no Facebook

By | julho 11, 2011

Compartilhar o conteúdo de um site na internet é essencial nos dias de hoje. Com Twitter, Facebook e agora Google+, não basta apenas ter um site popular, você deve utilizar de suas redes sociais para compartilhar os artigos.

Uma maneira bem simples é integrar o a sua página na internet com o botão de curtir do Facebook colocando em cada artigo uma forma de clicar, “curtir” e compartilhar. Desta forma, para quem está curtindo, sua rede de amigos e conhecidos podem ter acesso a uma informação compartilhada, com referência de qualidade.


facebook logo

O processo de instalação deste botão de curtir do Facebook no seu site hospedado no Blogspot é muito fácil e pode ser realizado através dos passos a seguir.

1. Acesse a página de criação de um aplicativo no Facebook, entre com o nome da sua página na internet e também com o seu endereço terminando com uma barra /

Site name: Nome da sua página web
Site URL: www.suapagina.com/
Local: Português (Brasil)

Clique em “Create App” para prosseguir

Create an App  Facebook

2. Na página do seu aplicativo criado, você deve anotar o chamado “ID do aplicativo” pois vai precisar nos próximos passos.

Create an App ID Facebook-1

Aplicativo criado com sucesso

Desenvolvedores pagina facebook

Página de configurações do aplicativo Facebook

3. Agora que você tem um aplicativo criado no Facebook e anotou sua identificação, podemos prosseguir para integrar sua página no Blogspot colocando um “botão curtir”, por exemplo. Acesse a página para criação do botão. Ou siga lendo para usar um dos modelos de exemplo. (Mais fácil)

O botão de curtir do Facebook que será instalado tem o seguinte estilo:

botao curtir facebook

4. Acesse a sua página do Blogger, clique em “Design” e depois em “Editar html”.

5. Clique em “Baixar modelo completo” para fazer um backup do seu estilo atual só por precaução.

6. Clique em “Expandir modelos de widgets”

7. Encontre na caixa abaixo de “Editar modelo” o código:

Dica: Use ctrl+F para localizar mais rápido.

Blogger __ Editar HTML do modelo

Substitua o código acima por um dos modelos abaixo.

Se você quiser o botão de curtir acima do seu artigo, use o código a seguir:

Cole o código acima do texto <data:post.body/>

Lembre-se de alterar “1111111111” no código a seguir com o identificador do seu aplicativo criado lá nos primeiros passos.

Se você quiser o botão de curtir logoabaixo do seu artigo, coloque o código depois do texto <data:post.body/>

8. Clique em “Salvar Modelo” para finalizar.