Tutorial: Agregar caja de comentarios Facebook actualizado

Marcos Lora · 28 May 2013

Como verán blogger cambio su formato de editor... este es un tutorial que también enseñara como agregar una caja de comentarios reemplazando la caja de blogger;

1.- Nos vamos a Plantilla > Editar HTML > Marcamos Plantilla de formato

2.- Buscamos la etiqueta <body> y justo después pegamos el siguiente código:

HTML:

<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/es_ES/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

3.- Ahora buscamos en nuestro código la linea en la que aparezca <div class='post-footer'> Puede que esta linea nos salga dos veces, si es así nos iremos a la segunda aparición y justo después introducimos el código:

HTML:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='currentUrll' style='display:none'><data:post.url/></div>
<br/><br/>
<script>
var urll=document.getElementById(&quot;currentUrll&quot;).innerHTML;
document.write(&quot;<div class='fb-comments' data-href='&quot;+urll+&quot;' data-num-posts='8' data-width='500'/>&quot;);
</script>
</b:if>

[FONT=Arial, Tahoma, Helvetica, FreeSans, sans-serif]4.- Guardamos nuestra plantilla y ya tendremos nuestra caja de comentarios Facebook para Blogger[/FONT]

[FONT=Arial, Tahoma, Helvetica, FreeSans, sans-serif]este es otro codigo para insertar este tipo de caja, si esta opción no te funciona puedes intentar desde este otro tutorial: [/FONT]http://forobeta.com/tutoriales-de-blogger/158606-anadir-caja-de-comentarios-facebook-blogger.html

espero haber podido ayudarte en esta tarea... un saludo y hasta el próximo tutorial 🙂

Carlos Arreola · 18 Jun 2013

Tutorial agregado al listado, se agradece el aporte.

isaacmartinez · 29 Oct 2013

Gracias recientemente lo implemente funciona excelentemente bien 😱

Sayajin88 · 29 Oct 2013

Genial, funciona perfecto!

Don Gato · 29 Oct 2013

Gracias por el aporte :congrats:

jc7 · 30 Oct 2013

se agradece el aporte

opaco · 30 Oct 2013

muy bueno, gracias por el tutorial!

PerezHD · 30 Oct 2013

Gracias<!🙂

dlrmarcos · 31 Oct 2013

Que crees... no me funciono u.upero igual, se agradece el aporte 😉

mayjonathan · 31 Oct 2013

Ooo gran tutorial muchas gracias.

Mugiwara · 16 Nov 2013

Muchas gracias ya lo hice, pero ahora me sale para comentar con facebook y desde cuenta de blogger, como hago para quitar la de blogger, y que solo quede la de facebook? tengo otra pregunta siempre aparece Plug-in social de Facebook antes de comentar? os e puede quitar

Bocmak · 18 Nov 2013

También me funciono este otro, genial🙂

penwen · 30 Nov 2013

muy bueno, gracias

pjvalencia12 · 2 Dic 2013

Que buen aporte, gracias

Marcos Lora · 2 Dic 2013

Mugiwara dijo:
Muchas gracias ya lo hice, pero ahora me sale para comentar con facebook y desde cuenta de blogger, como hago para quitar la de blogger, y que solo quede la de facebook? tengo otra pregunta siempre aparece Plug-in social de Facebook antes de comentar? os e puede quitar

perdon que apenas te conteste, busca este codigo:

HTML:

<div class='comment-form'>
    <a name='comment-form'/>
    <h2><data:postCommentMsg/></h2>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='240' id='comment-editor' name='comment-editor' src='' width='100%'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>

y eliminalo, guarda y listo!

AnonimoX · 2 Dic 2013

excelente hace rato buscaba algo asi, grax

scheval · 5 Dic 2013

Estaba buscando algo así. Gracias

alejandro1507 · 29 Dic 2013

imarcos dijo:

perdon que apenas te conteste, busca este codigo:

HTML:

<div class='comment-form'>
    <a name='comment-form'/>
    <h2><data:postCommentMsg/></h2>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='240' id='comment-editor' name='comment-editor' src='' width='100%'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>

y eliminalo, guarda y listo!

Me esta pasando algo raro, ya que en mi plantilla no aparece <body>

solamente </body> alguna idea de como poder implementarlo?
Salu2

EnergyMech · 29 Dic 2013

Muy interesante el aporte.

MitsuBelle · 2 Feb 2014

Muchas gracias :encouragement: me funciono de maravilla.

Tutorial: Agregar caja de comentarios Facebook actualizado

Marcos Lora

Carlos Arreola

isaacmartinez

Sayajin88

Don Gato

jc7

opaco

PerezHD

dlrmarcos

mayjonathan

Mugiwara

Bocmak

penwen

pjvalencia12

Marcos Lora

AnonimoX

scheval

alejandro1507

EnergyMech

MitsuBelle

Temas similares