24 de nov de 2013

Tutorial completo colocando sistemas de comentarios do facebook no Blogger de duas formas diferentes

Ter um sistema de comentários em nossos blogs  é um fator determinante para a interação entre o autor  de um determinado conteúdo e os seus  visitantes, entre duvidas e esclarecimentos ,entre as trocas de opiniões em pauta em seu blog ou site.
Alias nem um trabalho na internet tem sucesso  e continuidade  por seus autores sem que aja as demostrações de interesse por seu conteúdo e este interesse só são demonstrados por leitores que freqüentemente deixam seus comentários nos post. 

Uma vez que sabemos que na internet existem publico para tudo só basta você criar uma pauta para escrever e ser discutida dentro de seus blogs , de uma forma simples e objetiva.

Existem vários formas de ter um sistema de comentários  no blog da plataforma  Blogger um deles é o próprio sistema do Blogger as outras são a do G+ ou Google Plus assim como é seu legitimo nome que fica interligado com os do Blogger ainda temos o sistemas DISQUS NÃO RECOMENDO POIS É UM SISTEMA QUE A PESAR DE FICAR BONITO EM SEU BLOG É MUITO PESADO, mas existe um muito bom  e leve e que todos já devem estar familiarizado com ele que o sistema Facebook  disponabilizado recentemente pelo facebook Inc, do qual vou lhes ensinar duas formas de colocar este recurso em seu blog.


O RECURSO DE COMENTÁRIOS DO FACEBOOK

O Recurso de comentários do facebook pode ser colocado de duas formas um definitiva e outra de forma manual , ou seja a definitiva é automática a cada post seu não precisando colocar do facebook coment ,ele já estará ativo em seus post subsequentes .

Já no sistema de comentários manual este sistema consiste em cada novo post a introdução do código em HTML do facebook comments.

Colocando o sistema de comentários do facebook definitivo.
Para colocar este sistema de comentários em seu blog você precisa logar se em sua conta, facebook faça login aqui 

Criar novo aplicativo
  
após isso , clique no local onde você clica  para sair de seu login em seguida clique em criar um aplicativo na pagina que se abrir é a do facebook Developers ou desenvolvedores  clique em novo aplicativo ,no local que esta nome coloque qualquer nome pois não é nada especifico o facebook só precisa criar um numero de ID para seu aplicativo e é este numero que vamos usar para criar nosso sistema de comentários, após ter dado o nome para seu aplicativo clique em continuar e na outra pagina  digite o código de verificação humana e pronto seu aplicativo já esta criado e você já tem sua ID copie ela e salve em seu bloco de notas de seu PC.
EXEMPLO NA IMAGEM

Adicionando nome no aplicativo

Agora pegue este código abaixo e no local  APPID coloque a sua ID do aplicativo que você salvou em seu bloco de notas ,no local domínio  coloque sua UR seu endereço do blog ,salve no bloco de notas de volta agora vá em modelo aditar HTML procure pela  tag <BODY para encontrar de um CTRL+F na caixa de dialogo cole o codigo< body de Enter e a tag ficara destacada para você agora cole o codigo logo abaixo da linha que encontrou.   


<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'APPID', // App ID
      channelUrl : '//DOMINIO DO BLOG/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>

Agora encontre esta tag com o mesmo procedimento para acha-la CTRL+F <data:post.body/>
ABAIXO DELA  COLE ESTE CODIGO

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 = &quot;//connect.facebook.net/pt_BR/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
<div class='fb-comments' data-colorscheme='light' data-num-posts='3' data-width='420' expr:href='data:post.url'/> </b:if>



Você poderá mudar o width= 420 por o tamanho que achar melhor para seu layout de postagem.
Agora procure  pela tag <head> e abaixo dela cole o código abaixo substitua o ID APP  por sua ID pois é este codigo que vai fazer a moderação de seus comentários postados em seu blog para quem não sabe o que é o sistema de moderação,ele é uma ótima ferramenta pois você pode  controlar e excluir comentários que você acha improprio para ficar no seu blog

meta property='fb:app_id' content='ID APP' /> 


OK

Agora vamos criar o sistema manual

O sistema de comentários manual do facebook é mais simples de colocar o único problema deste sistema é que temos que ficar a cada post colocando os HTML do facebook comments, e não tem outro jeito pois o facebook precisa da UR de cada publicação sua,  ou seja não podemos colocar o código antes de que seja publicada o novo posts a cada  novo  post temos  sim,que gerar um novo código isso segnifica que  e cada post você devera visitar esta pagina  facebook Pro Delopers ou desenvolvedores do facebook  porque os códigos não,deveram ser os  mesmo  de outro UR que já foram postadas , ou da da raiz de seu blog no tipo (www.mundomsf.com.br) este endereço significa uma raiz de site ,que é a URL inicial   de seu blog porque assim poderá gerar conflitos de comentários imagine você escrever um artigo sobre  porquinhos da Índia e um leitor entra em seu blog e lê um comentário da seleção Brasileira de futebol postada no seu artigo de porquinhos da Índia , feita por um outro leitor seu que fez comentários de um post que você já fez sobre a seleção  conseguiu entender.?

Este sistema é o que eu uso aqui no blog mais não recomendo faça o dito popular faça o que eu falo mais não faça o que faço na pratica. Brincadeiras a parte o problema que eu encontrei é que no meu template não encontrei as tag necessárias mesmo introduzindo o sistema corretamente , mas no meu blog teste que fiz deu certinho, o que aconteceu com o meu é que os comentários ficaram acima dos butões de compartilhamento não há nada de errado  com isso mais se visitarmos algumas paginas de blogs na internet podemos verificar que é uma coisa diferente este butões ficarem abaixo dos comentários  uma vez que só tende irem esticando ao longo das paginas comentadas e ficando mais dificl de serem curtidas.

Colocando o sistema manual 

Para colocar este sistema em seu blog é muito simples basta você criar um novo post  entrar neste link Desenvolvedores do facebook  clicar em Docs na pagina que se abrir clique em Social Plugins , em seguida clique em comments  e deverá abrir esta aba  no local URL coloque o endereço de seu blog clique em gerar code .
Agora vá em suas postagem clique na ultima que fez logo em seguida clique em HTML  de sua postagem vá ao final de postagem e cole o código e salve pronto  esta pronto seu sistema de comentario lembrando que isso é um processo manual que deverá ser feito a cada nova postagem devido a URL que tem que ser diferente para cada post ou seja só depois que publicar o post é que ira criar um novo código.

Comments

The Comments box lets people comment on content on your site using their Facebook profile and shows this activity to their friends in news feed. It also contains built-in moderation tools and special social relevance ranking.
Get your Comments Plugin Code
URL to comment on
Width
Number of Posts
Color S

Related Posts Plugin for WordPress, Blogger...