domingo, 15 de fevereiro de 2015

Como colocar Facebook no blogger

COMO COLOCAR CAIXINHA DO FACEBOOK

Com a evolução e as mais novas tendências na rede mundial de computadores, o facebook surgiu de uma forma a atingir o globo terrestre, e é por isso que é indispensável divulgar o seu perfil ou sua página em seu site ou blog.

O Facebook disponibiliza várias ferramentas para que você inclemente em sua página pessoal, e uma delas é a caixa de curtir. Existe um jeito muito simples de colocar uma janela do facebook em seu site. Primeiramente você deve acessar esse link:

https://developers.facebook.com/docs/plugins/like-box-for-pages?locale=pt_BR


Abaixo, veja para que serve cada funcionalidade.

1-Facebook Page URL-  É o link do seu facebook

2-Height - É a altura do gadget que você achar melhor.

3-Show Friends’ Faces  - Deixe marcado se você quiser que o avatar de quem curtiu apareça, se não quiser que apareça,  desmarque.

4-Show Posts  - Deixe marcado se você quiser que apareça os últimos comentários na página escolhida.

5-Width -   É a largura do gadget, escolha a largura que encaixe melhor em seu blog.

6-Color Scheme - Escolha a cor que você deseja para a cor de fundo da caixa:
Light é o fundo branco e Dark é o fundo preto.

7-Show    Header - Marque se você quer que o cabeçalho apareça, se não quiser, desmarque. (cabeçalho é a parte azul)

8-Show Border – Marque se você quiser que apareça a borda da caixa.

9- Get Code- É o código gerado depois que você decidiu todas as medidas e assinalou todos os campos. Depois que aparecer uma janelinha com os códigos, clique em IFRAME, que é o código certo para o seu blog. (veja um exemplo abaixo).

10- IFRAME- Código a copiar: Vá em Layout > Adicionar um Gadjet > HTML/JavaScript e cole em seu blog e SALVE.

Veja exemplo abaixo:

Caso queira alterar diretamente no código, é muito simples.

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FSUAPÁGINAAQUI&amp;width&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowTransparency="true"></iframe>

NOTA: Você deve alterar apenas onde está SUAPAGINAAQUI pelo nome de sua página. 
depois de %2F e antes de &amp

Esse exemplo abaixo é de 300X270- COPIE O CÓDIGO ABAIXO DA JANELINHA.

Nenhum comentário:

Comentários dos visitantes

Comentários Disqs e blogger


Formulário teclado

notifikasi
close