Formulário de contato

Nome

E-mail *

Mensagem *

17/02/2016

Criar e instalar aplicativo do Facebook no Blogger

Se você quer ter funcionalidades do Facebook no seu blog do Blogger, como botões de compartilhamento, de curtir, box de fanpage, etc, entenda que para o funcionamento dos mesmos é preciso criar aplicativo para seu blog no Facebook. E também configurar o aplicativo no HTML do seu blog. Hoje vou ensinar como fazer isso.

Entre na sua conta do Facebook e vá para a página https://developers.facebook.com/apps. Clique em criar novo aplicativo (+ add a new app). Em seguida escolha a opção referente a site (www). Escreva o nome do seu blog e clique no botão "Create New Facebook App ID". Em seguida escolha uma categoria e clique no botão "Crie um ID do Aplicativo". Na página que abrirá você vai ver um trecho de código. Ignore-o e clique no link "advanced settings".


Observe a página que vai abrir. Vá com cursor em "My Apps" e selecione seu aplicativo com o nome que você criou.


Na página que vai abrir, clique em "Settings".


Você encontrará o número ID do seu APP. Reserve. Preencha os outros campos com endereço e URL do seu blog. Note que o endereço está sem http:// e o URL contém http:// . No campo "Namespace" digite um nome que lhe convier. Veja o exemplo abaixo:


Salve. Pronto! Agora vamos configurar seu blog no Blogger. Bora lá!

Entre no painel do seu blog em "Modelo" e faça backup do seu modelo (Como fazer backup).

Abra seu editor de HTML do modelo. Bem ali no começo você vai encontrar o seguinte trecho:

xmlns:expr='http://www.google.com/2005/gml/expr'

Dê espaço no final do trechinho e cole o seguinte:

xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://opengraphprotocol.org/schema'

Agora, ABAIXO de:

<head>

cole o seguinte:

<meta content='SEU_ID_USUÁRIO' property='fb:admins'/>
<meta content='ID_DO_SEU_APP' property='fb:app_id'/>


Substitua SEU_ID_USUÁRIO pelo trechinho final do URL do seu perfil do Facebook. Pode ser uma sequência de números ou o nome de usuário, caso tenha criado um (lembre-se que o nome de usuário não é o nome de exibição ao lado da foto, 0k?). Veja meu nome de usuário como exemplo:


Agora substitua ID_DO_SEU_APP pelo número que você reservou do seu aplicativo, lembra?

Feito isso, encontre no HTML do seu blog o trecho:

<body>

ou

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

ABAIXO do trecho, cole o seguinte:

&lt;div id=&quot;fb-root&quot;&gt;&lt;/div&gt;
&lt;script&gt;(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/pt_BR/all.js#xfbml=1&amp;appId=ID_DO_SEU_APP&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));&lt;/script&gt;


Substitua novamente ID_DO_SEU_APP pelo número reservado do aplicativo.

Salve seu modelo HTML.

Pronto! Agora seu blog está preparado para a instalação das funcionalidades do Facebook para blogs.

Beijoka!
Gratidão
Author Image

Meri Pellens
Cristã, mãe e blogueira com necessidades físicas especiais. Busco viver cada dia como único, valorizando todos os momentos com olhos fitos no Senhor. Amo trabalhar com blogs e artes digitais.

Nenhum comentário:

Postar um comentário