Plugin social de comentários do facebook em seu blog.Testado e aprovado!
Ola caros amigos e seguidores do blog So sei que estou amando.
Hoje acordei de bom humor(<--- isso raramente acontece u.u)e resolvi postar alguma utilidade para os blogueiros.
Muita gente vive quebrando a cabeça quando o assunto e 'plugins sociais do facebook'.
De fato é preciso ver muitos tutoriais para se conseguir o resultado desejado,principalmente quando o plugin que queremos é o bendito 'plugin de comentario do faceook'
Eu mesma quase enlouqueci depois de muuuuuuuuuitas tentativas frustradas tentando achar uma saida,para iserir isso em blog o qual eu administrava anteriormente.E quando eu finalmente havia desistido,encontrei um método eficaz('-')
Foi passeando pelo blog do El Micox,que me deparei com unico método que funcionou,nao so para mim,Acredito.
Esse metodo é um pouco diferente dos demais que voçe ja viu por ai.Nele nao tem enrrolação, voçe nao tem que criar aplicativo nenhum no DEVELOPERS e não terá problemas onde inserir o seu codigo dentro do html.
São 5 passos rápidos,que ,se seguidos á risca,concerteza dará certo.
Vamos la:
Passo 1:Faça login no blog e no painel de controle aceda á Modelo > Editar HTML > Prosseguir > marque a opção Expandir modelos de Widget
Passo 2:Com ctrl+f Procure pela tag </head> , abaixo dele vai estará abrindo o body
Passo 3: Cole logo abaixo do <body> antes de qualquer outra coisa,o seguinte codigo:
Hoje acordei de bom humor(<--- isso raramente acontece u.u)e resolvi postar alguma utilidade para os blogueiros.
Muita gente vive quebrando a cabeça quando o assunto e 'plugins sociais do facebook'.
De fato é preciso ver muitos tutoriais para se conseguir o resultado desejado,principalmente quando o plugin que queremos é o bendito 'plugin de comentario do faceook'
Eu mesma quase enlouqueci depois de muuuuuuuuuitas tentativas frustradas tentando achar uma saida,para iserir isso em blog o qual eu administrava anteriormente.E quando eu finalmente havia desistido,encontrei um método eficaz('-')
Foi passeando pelo blog do El Micox,que me deparei com unico método que funcionou,nao so para mim,Acredito.
Esse metodo é um pouco diferente dos demais que voçe ja viu por ai.Nele nao tem enrrolação, voçe nao tem que criar aplicativo nenhum no DEVELOPERS e não terá problemas onde inserir o seu codigo dentro do html.
São 5 passos rápidos,que ,se seguidos á risca,concerteza dará certo.
Vamos la:
Passo 1:Faça login no blog e no painel de controle aceda á Modelo > Editar HTML > Prosseguir > marque a opção Expandir modelos de Widget
Passo 2:Com ctrl+f Procure pela tag </head> , abaixo dele vai estará abrindo o body
Passo 3: Cole logo abaixo do <body> antes de qualquer outra coisa,o seguinte codigo:
<div id="fb-root"> </div> <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='comments' (acima do IF minusculo pra ser mais exata)também funciona.
<div class="fb-comments" data-href="data:post.url" data-num-posts="10" data-width="470">
Clique em visualizar para ver o resultado.Se o anterior não deu certo tente este:
Um dos dois tem que dar certo ; )<div class="fb-comments" expr:data-href="data:post.url" data-num-posts="10" data-width="470">
Passo 5:Observaçoes:
*Se seguindos os passos acima voçe nao conseguiu,pode ser problema devido á imcompatibilidade do template/modelo que voçe utiliza.Experimete trocar o template,ou então,desista meu amigo(a).
*MOdelos com o atributo 'Leia mais'(resumo do post na pagina inicial) pode gerar bugs no local onde a caixa do comentário aparacerá.
*Para moderar os comentários voçe terá que criar um aplicativo no developers do facebook
Siga este tutorial.
*Qualquer caso de erro como,comentarios repetidos,mensagem de erro,etc,visite o tutorial base no blog do El Micox,E deixe sua duvida e/ou problema,mas antes,leia atentamente ás respostas nos comentarios,elas podem te ajudar.
Seguiu os passos acima??deu certo??Então deixe um comentario ai ; )
Até a proxima!
Adorei , muito útil ^^
ResponderExcluirBeijos ;3
http://sonhomaisprofundo.blogspot.com.br/
Muito bom. Depois de um tempão tentando consegui.
ResponderExcluirhttp://nossamagia.blogspot.com.br/
Beijos.
Ótimo o tuto ;) finalmente consegui colocar.
ResponderExcluirAmei o blog :*
http://sweetteen-st.blogspot.com.br/