Full width home advertisement

Travel the world

Climb the mountains

Post Page Advertisement [Top]

 Atendendo agora o pedido de uma amiga aqui do blog, resolver trazer esse tutorial para vocês.
Já tinha esse Post guardado em rascunho, só estava esperando a hora certa de trazer para o mundo! é um tutorial grande e cansativo! espero que gostem.
          Vamos lá!!

No ano de 2013 o Blogger deu uma re-paginada em sua estrutura, causando alguns transtornos para os usuários, um deles, foi o problema com os comentários do Facebook no Blog. Por isso trouxe esse tutorial já atualizada e funcionando.


1º - Faça login no seu Facebook(sim, o seu perfil de todo dia) depois clique nesse link:


Aqui você irá criar um aplicativo, por isso atenção! 


Clique no botão: " + Criar Novo Aplicativo" Vai abrir uma pop-up:


 Preencha os dois primeiros campos, eles precisam ficar com o nome verde, para serem aprovados! Depois é só clicar em continuar. Digite o código na tela seguinte e dê Continuar.



 Pronto, você acabou de criar um aplicativo. Agora anote o número que aparece, pois ele será muito importante mais a frente. 
               Agora vamos voltar ao seu painel do Blogger, Clique em Modelo > Editar HTML. Depois de abrir seu código HTML, dê F3 e procure por:

<head>

E abaixo dele cole esse código, e não esqueça de colar o IP do aplicativo que você criou:

<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='AQUI O NÚMERO DO APLICATIVO DO FACEBOOK' property='fb:admins'/>

Agora, clique no botão: "Ir para um widget" e selecione Blog 1.


 

 
Clique na setinha preta do lado para expandir. Depois procure por esse trecho:

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

Clique novamente na setinha ao lado desse trecho. E cole este código logo abaixo trecho acima:


<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='52' width='560'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'/>

Salve! E pronto! Espero que tenham gostado, qualquer dúvida, sugestão, deixe uma comentário, não tenha vergonha! Até

Ou Veja o Video Encinando ;)


Nenhum comentário:

Postar um comentário

*Só serão aceitos, publicados e respondidos comentários de usuários com nomes que estejam registrados em contas do google.

*Dúvidas e comentários de usuários como anônimo não serão respondidos.

*Caso o link não esteja pegando, deixe um comentário avisando!

AGUARDO SEU COMENTÁRIO!

Att; EFETIVA DESIGNER, Volte Sempre !

Dono: www.fb.com/AandreNattanaellM
Pagina: www.fb.com/EfetivaDesigner

Bottom Ad [Post Page]

| Designed by Colorlib