sexta-feira, 28 de março de 2014

Criar aplicativos do Facebook para usar no blog


Criar aplicativos do facebook. Em outro artigo, eu listei uma série dewidgets plugins Sociais do facebook.
Para usar os Plugins sociais é necessário que você já possua uma página do seu blog no facebook.
Caso não tenha, siga o tutorial e veja como Criar uma página no facebook.

E para que alguns plugins funcionem corretamente, é necessário acriação de uma ID App/Chave API.
Neste tutorial veremos como criar uma APP Key para os plugins sociais do facebook,utilizados pelo seu blog.
Esta API Key é um código único e exclusivo, que será usado especificamente para gerenciar todos os plugins sociais do facebook que você instalou no seu blog, no blogger.

Criar aplicativos do Facebook

1. Acesse o seu perfil do facebook, o mesmo que você utiliza para administrar a sua página.
criar aplicativos do facebook
Importante saber que, antes de criar um aplicativo do facebook você precisa verificar sua conta no facebook.
Para isso você deverá cadastrar um numero do seu telefone celular, e confirmar o número cadastrado através de sms.
2

O facebook irá enviar um SMS para o seu número com um código de verificação. Informe esse código de verificação na próximo passo. Feito isso, você já pode avançar na criação do seu aplicativo.

3. Criando o aplicativo:
Coloque o nome do aplicativo e clique em continuar. Na próxima janela digite o código de verificação (captcha) para prosseguir.
3

4. Informe os dados para o seu aplicativo. Veja imagem abaixo:
4
Após o término do preenchimento, clique em “Salvar alterações”
5. Copie o número da App ID e da App Secret e cole em um bloco de notas. Salve-o e guarde-o, pois iremos precisar dele logo adiante.
5

Configurar o código do aplicativo no html do blogger

6. Acesse o painel do blogger, clique no menu “modelo” e entre em “editar html”.
No início do html do seu template, localize o seguinte trecho do código HTML:
http://www.google.com/2005/gml/expr'
SUBTITUA por:

http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'
7. Agora localize a tag <head> e cole ANTES dela, os seguintes códigos:

<meta content='NOME-DE-USUÁRIO-DO-SEU-FACEBOOK' property='fb:admins'/> 
<meta content='ID-DO-APP/CHAVE-API' property='fb:app_id'/>
Altere os campos destacados:
- NOME-DE-USUÁRIO-DO-SEU-FACEBOOK: coloque o seu nome de usuário do perfil, não é a url ou nome da sua página e sim, o username do seu perfil.
Caso ainda não tenha, crie um:https://www.facebook.com/username
- ID-DO-APP/CHAVE-API: coloque a ID do aplicativo que você copiou e guardou no bloco de notas (conforme passo 5).

Incluir o SDK JavaScript do facebook no blogger

8. Volte no menu “modelo”, clique no botão “editar html” e procure pela tag <body
Dependendo do modelo do seu template esta tag estará assim:<body>
ou
<body expr:class=’"loading" + data:blog.mobileClass’>
Você deverá colar o código SDK javascript, logo APÓS o fechamento da tag.
Veja imagem:
1app
Clique no link abaixo para copiar o código SDK javascript que você deverá colar:
? Pegar código SDK javascript

Mais uma vez, você deverá sustituir ID-DO-APP/CHAVE-API pela numeração da ID do seu aplicativo que você salvou no bloco de notas (conforme passo 5)
Informações importantes:
Uma vez incluido o SDK javascript no seu template, todo e qualquer plugin social do facebook que você usar será carregado de maneira correta.
Se você quiser instalar o plugin de comentário do facebook no seu blog, leia este tutorial ? Como instalar sistema de comentários do Facebook no Blogger e siga todos os passos.

Bom, é isso ai!
Até a próxima ;)
às

Nenhum comentário:

Postar um comentário

Assinar: Postar comentários (Atom)