Como Adicionar Comentários Do Facebook No Blogger

Seja bem vindo visitante!

Olá seja bem vindo ao Verdinhas. Somos uma comunidade jovem e vibrante. Rapidamente estamos nos tornando referência nacional e internacional para webmasters, investidores e empreendedores online - algo singular para língua portuguesa.

Em pouco tempo atingimos a marca de mais de 7.000 usuários registrados e acima de 1.500 visitas únicas diárias. Temos PageRank 3 e estamos entre os 6.000 sites mais visitados e ativos do Brasil e entre os 4.000 em Portugal.

Junte-se a nossa comunidade! NÓS QUEREMOS VOCÊ!

Mαяіο Јúηiοя

Nov 24 2011, 01:58 PM

Post #1

MercaDolar.net Admin
Ícone do grupo

Grupo: Moderador
Posts: 1.695
Registrado: 14-September 08
De: Goiânia/GO
Membro N°: 12.027
País:

Brasil
Interesse: Investidor
Investidor: Agressivo
iTrader: 20 (100%)
Pontos: $978 Verdinhas
Exibir inventário

Eu sempre quis adicionar uma caixa de comentários do Facebook no Blogger, e depois de algumas tentativas frustradas, eis que consegui o feito. Se você quer fazer o mesmo, siga os passos abaixo:

1. A primeira coisa a se fazer é entrar no Blogger e desabilitar os comentários. Isso porque senão você fica com duas caixas diferentes de comentários: uma do Blogger e outra do Facebook. Vá em Configurações, Comentários, marque a opção Ocultar e salve.

2. O próximo passo será criar um Aplicativo no Facebook. Você pode fazer isso clicando aqui. Clique em Criar Novo Aplicativo. Em Nome de Exibição do Aplicativo, coloque um título que se encaixe conforme o assunto do seu blog (ex: Meus Filmes Prediletos). Deixe a segunda opção em branco e confirme.

3. Após passar pelo captcha, você verá um painel semelhante à imagem abaixo. Preencha as opções de acordo com seu gosto. Nessa página você também pode escolher um ícone (.ico) e uma imagem para personalizar seu aplicativo.

4. Adicione agora o endereço completo de seu site, como na imagem abaixo e deixe as outras opções como estão.

5. Agora, vá ao Blogger. Vá para Design, Editar HTML.
Marque a opção Expandir Modelos de Widget. Aperte CTRL + F em seu navegador e localize a tag:

Alerta

<html

Substitua por:

Alerta

<html xmlns:fb='http://www.facebook.com/2008/fbml'

6. Localize a tag abaixo:

Alerta

<body>

Na primeira linha abaixo dessa tag, adicione:

Alerta

<div id="fb-root"></div>
<script>

window.fbAsyncInit = function() {
FB.init({
appId : 'SEU ID DO APLICATIVO AQUI',

status : true, // checa login
cookie : true, // habilita cookies
xfbml : true // adiciona XFBML
});
;

(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/pt_BR/all.js';
e.async = true;

document.getElementById('fb-root').appendChild(e);
}());
</script>

Lembre-se de adionar o ID do Aplicativo do Facebook, substituindo o texto do código acima. Você vai encontrar o ID conforme mostrado na imagem abaixo:

7. No HTML do Blogger, localize uma das tags abaixo (varia em cada modelo):

Alerta

<data:post.body/>

ou

Alerta

8. Adicione logo abaixo de uma dessas tags, o seguinte código:

Alerta

<div style='border: 1px #3b5998; background-color: #eff3fa;'><div align='center'>
<b:if cond='data:blog.pageType == "item"'>
<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>

<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' expr:xid='data:post.id'/></div><div align="right"><a href='http://www.mariojunior.tv/2011/11/como-adicionar-comentarios-do-facebook.html' target='_blank'><small>[Coloque Comentários do Facebook no Blogger!]</small></a></div>
</b:if>
</div></div>

Lembrando que as tags supracitadas podem se repetir no seu HTML. Você deve ter o bom senso de localizar a que se refere às postagens. Simples... O número em width (450) acima indica a largura da caixa de comentários. Você pode (e deve) editar conforme a aparência do seu blog.

Se seu blog possui templates escuras, você pode optar por usar o tema alternativo do Facebook para esse tipo de site.

Alerta

<div style='border: 1px #000000; background-color: #000000;'><div align='center'>
<b:if cond='data:blog.pageType == "item"'>
<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>

<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' colorscheme='dark' expr:xid='data:post.id'/></div><div align="right"><a href='http://www.mariojunior.tv/2011/11/como-adicionar-comentarios-do-facebook.html' target='_blank'><small>[Adicione Comentários do Facebook No Blogger!]</small></a></div>
</b:if>
</div></div>

Veja abaixo dois exemplos em sites diferentes:
http://www.mariojunior.tv/2011/11/como-adi...o-facebook.html
http://leptossomico-mp3.blogspot.com/2011/...a-of-sound.html

--------------------

☠ Sangrento ☠ | MercaDólar | Site Oficial | Ganhe $$ No Facebook

Últimas Músicas Ouvidas:

--------------------

REBELDETRADER

Mar 26 2012, 05:02 PM

Post #2

Iniciante

Grupo: Membro
Posts: 16
Registrado: 25-March 12
De: Coimbra
Membro N°: 18.611
País:

Portugal
Interesse: Investidor
Investidor: Defensivo
iTrader: 0 (0%)
Pontos: $32 Verdinhas
Exibir inventário

QUOTE(Mαяіο
@ Nov 24 2011, 05:58 PM)

Eu sempre quis adicionar uma caixa de comentários do Facebook no Blogger, e depois de algumas tentativas frustradas, eis que consegui o feito. Se você quer fazer o mesmo, siga os passos abaixo:

1. A primeira coisa a se fazer é entrar no Blogger e desabilitar os comentários. Isso porque senão você fica com duas caixas diferentes de comentários: uma do Blogger e outra do Facebook. Vá em Configurações, Comentários, marque a opção Ocultar e salve.

2. O próximo passo será criar um Aplicativo no Facebook. Você pode fazer isso clicando aqui. Clique em Criar Novo Aplicativo. Em Nome de Exibição do Aplicativo, coloque um título que se encaixe conforme o assunto do seu blog (ex: Meus Filmes Prediletos). Deixe a segunda opção em branco e confirme.

3. Após passar pelo captcha, você verá um painel semelhante à imagem abaixo. Preencha as opções de acordo com seu gosto. Nessa página você também pode escolher um ícone (.ico) e uma imagem para personalizar seu aplicativo.

4. Adicione agora o endereço completo de seu site, como na imagem abaixo e deixe as outras opções como estão.

5. Agora, vá ao Blogger. Vá para Design, Editar HTML.
Marque a opção Expandir Modelos de Widget. Aperte CTRL + F em seu navegador e localize a tag:

Alerta

<html

Substitua por:

Alerta

<html xmlns:fb='http://www.facebook.com/2008/fbml'

6. Localize a tag abaixo:

Alerta

<body>

Na primeira linha abaixo dessa tag, adicione:

Alerta

<div id="fb-root"></div>
<script>

window.fbAsyncInit = function() {
FB.init({
appId : 'SEU ID DO APLICATIVO AQUI',

status : true, // checa login
cookie : true, // habilita cookies
xfbml : true // adiciona XFBML
});
;

(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/pt_BR/all.js';
e.async = true;

document.getElementById('fb-root').appendChild(e);
}());
</script>

Lembre-se de adionar o ID do Aplicativo do Facebook, substituindo o texto do código acima. Você vai encontrar o ID conforme mostrado na imagem abaixo:

7. No HTML do Blogger, localize uma das tags abaixo (varia em cada modelo):

Alerta

<data:post.body/>

ou

Alerta

8. Adicione logo abaixo de uma dessas tags, o seguinte código:

Alerta

<div style='border: 1px #3b5998; background-color: #eff3fa;'><div align='center'>
<b:if cond='data:blog.pageType == "item"'>
<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>

<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' expr:xid='data:post.id'/></div><div align="right"><a href='http://www.mariojunior.tv/2011/11/como-adicionar-comentarios-do-facebook.html' target='_blank'><small>[Coloque Comentários do Facebook no Blogger!]</small></a></div>
</b:if>
</div></div>

Lembrando que as tags supracitadas podem se repetir no seu HTML. Você deve ter o bom senso de localizar a que se refere às postagens. Simples... O número em width (450) acima indica a largura da caixa de comentários. Você pode (e deve) editar conforme a aparência do seu blog.

Se seu blog possui templates escuras, você pode optar por usar o tema alternativo do Facebook para esse tipo de site.

Alerta

<div style='border: 1px #000000; background-color: #000000;'><div align='center'>
<b:if cond='data:blog.pageType == "item"'>
<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>

<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' colorscheme='dark' expr:xid='data:post.id'/></div><div align="right"><a href='http://www.mariojunior.tv/2011/11/como-adicionar-comentarios-do-facebook.html' target='_blank'><small>[Adicione Comentários do Facebook No Blogger!]</small></a></div>
</b:if>
</div></div>

Veja abaixo dois exemplos em sites diferentes:
http://www.mariojunior.tv/2011/11/como-adi...o-facebook.html
http://leptossomico-mp3.blogspot.com/2011/...a-of-sound.html

Obrigado, muito bom

--------------------

http://sportsbooksecretechnique.blogspot.com
É tão arriscado acreditar em tudo como em nada.

--------------------

Anúncios Pagos

Post #

Anuncie aqui!

Anuncie no verdinhas.com. Click aqui para mais informações

--------------------

« Próximo mais velho · Tutoriais webmasters · Próximo mais novo »

1 usuário(s) está(ão) lendo este tópico (1 visitantes e 0 usuários anônimos)

0 membros:

Tópicos Similares

Tópico	Respostas	Autor	Visualizações	Última ação
Facebook incentiva usuário a sinalizar se é doador de órgãos	0	MoneyBot	9	1st May 2012 - 06:49 PM Último post por: MoneyBot
Como eletrodoméstico, pneu terá selo de eficiência	0	MoneyBot	28	29th April 2012 - 03:30 AM Último post por: MoneyBot
Como Bloquear O Acesso A Usuários Com Adblockplus Em Seu Site Usa AdBlock? Não Verá O Conteúdo Do Site... =]	5	Mαяіο	921	4th April 2012 - 06:28 AM Último post por: wal_rocha
Como Andam Os Negócios Na Net Em Angola?	7	PROSA	1.379	29th March 2012 - 10:59 PM Último post por: Angel84
Como Vender Qualquer Coisa Para Qualquer Pessoa Aprenda neste curso gratuito como vender qualquer produto ou serviço	0	Ricardo Oliveira	63	24th March 2012 - 03:39 AM Último post por: Ricardo Oliveira