Olá pessoal tudo bem? Nesta vídeo aula vou ensinar para vocês a como colocar comentários do Facebook no blogger com moderador (administrador de comentários).
igual esse
igual esse
Escolhi a didática mais simplificada para mostrar sem erros, após assistir a vídeo aula perceberá que pode dar alguns erros, por motivos de falta de atenção, copiar o código errado ou por ser um template diferente mencionado na vídeo aula.
Bom espero que goste!Comenta o que achou e compartilhe!
Bom espero que goste!Comenta o que achou e compartilhe!
Site do Facebook:
http://developers.facebook.com
http://developers.facebook.com
1. procure por:
<body ou <body>
abaixo cole
2. (o número grifado em amarelo representa a ID da área do Facebook, troque-a) em seguida troque o nome do seu blogger ou site. www.seudominio.com)<div id='fb-root'/> <script> window.fbAsyncInit = function() { FB.init({ appId : '
IDDOAPP
', // App ID channelUrl : '//
www.seudominio.com
/channel.html', // Channel File status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); // Additional initialization code here }; // Load the SDK Asynchronously (function(d){ var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0]; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/pt_BR/all.js"; ref.parentNode.insertBefore(js, ref); }(document)); </script>
3. Procure por
<div class='post-footer-line
ou
<div class='post-footer-line post-footer-line-2'/>
ou
<div class='post-footer-line post-footer-line-3'/>
Salve o seguinte código HTML logo acima do código que você procurou 3.
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script>(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 = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class='fb-comments' data-colorscheme='light' data-num-posts='NÚMERO DE COMENTÁRIOS' data-width='TAMANHO' expr:href='data:post.url'/> </b:if>
4. moderação
procure por:
<head>
cole abaixo:
<meta content='ID DO APP' property='fb:app_id'/>
SALVE !!! Esta prontinho, os comentários do Facebook já estão em seu blog.
Caso não der certo, cole esse código aqui.
1. Imediatamente abaixo do código <b:includable id='comments' var='post'> cole o este próximo código: (número grifado em amarelo representa a largura da área do Facebook, troque-a caso necessário.)
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='52' width='TAMANHO'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'/>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='52' width='TAMANHO'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'/>
SALVE !!! Esta prontinho, os comentários do Facebook já estão em seu blog.