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

Marcos Lora