terça-feira, 18 de junho de 2013

Como colocar a caixa de comentario do facebook no blog.

box comentário FacebookUm dos temas mais solicitados é como colocar caixa de comentários Facebook no blog, e que às vezes se torna mais fácil comentar a partir do Facebook, pois a maioria está conectado a esta rede social o tempo todo, e além disso não precisamos entrar com nossos dados do Google para comentar em um blog que contém esse tipo de comentário.
Aqui estaremos fazendo um tutorial passo a passo para colocar essa caixa de comentario no seu blog(esse já é um tutorial com o novo estilo HTML do Blogger)

Primeiro passo:

Entre na seção Modelo > Editar HTML,pressione CTRL + F e procure por essa tag <Body>

Abaixo dessa tag cole o seguinte:

<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>

Segundo passo:

Pressione CTRL + F e procure por 

 <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>

Depois clique  na flexinha preta no lado da tag,veja essa imagem:


Feito isso,Procure por essa tag clique na flexinha:

<b:includable id='comments' var='post'> 

























Depois de de abrila cole antes de </b:includable> o seguinte:


<b:if cond='data:blog.url != data:blog.homepageUrl'>
<div id='comentariosFacebook'><div class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='680' expr:href='data:post.canonicalUrl'/></div>
     </b:if>

Feito isso ja esta instalado a caixa de comentarios.Deixe seu comentario para reportar algum problema,é aconselhado que voce tenha um blog de testes pois foi assim que eu aprendi.

Curta nossa Pagina no Facebook.

Nosso proximo tutorial sera de como moderar os comentarios por uma conta no facebook.