Tutorial: Agregar caja de comentarios Facebook actualizado

M

Marcos Lora

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

Admin
Verificado con videollamada
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Excelente comerciante!
Desde
6 Abr 2009
Mensajes
4.341
Tutorial agregado al listado, se agradece el aporte.
 

isaacmartinez

Delta
Diseñador
Verificación en dos pasos desactivada
Desde
8 Jul 2012
Mensajes
658
Gracias recientemente lo implemente funciona excelentemente bien :eek:
 

Sayajin88

VIP
Beta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios!
Desde
24 Oct 2013
Mensajes
102
Genial, funciona perfecto!
 

Don Gato

Dseda
Redactor
Verificación en dos pasos desactivada
Desde
23 Oct 2012
Mensajes
1.138
Gracias por el aporte :congrats:
 

jc7

Gamma
Verificación en dos pasos desactivada
Desde
3 Ago 2010
Mensajes
357
se agradece el aporte
 

opaco

Beta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
15 Ago 2010
Mensajes
30
muy bueno, gracias por el tutorial!
 

dlrmarcos

Curioso
Verificación en dos pasos desactivada
Desde
30 Oct 2013
Mensajes
13
Que crees... no me funciono u.upero igual, se agradece el aporte ;)
 

mayjonathan

Gamma
Social Media
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
15 Nov 2012
Mensajes
306
Ooo gran tutorial muchas gracias.
 

Mugiwara

Gamma
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
16 Jul 2013
Mensajes
174
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
 
Última edición:

Bocmak

Beta
Social Media
Verificación en dos pasos desactivada
Desde
30 Oct 2013
Mensajes
137
También me funciono este otro, genial:)
 
M

Marcos Lora

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

Dseda
Social Media
Verificación en dos pasos desactivada
Desde
1 Jul 2013
Mensajes
1.113
excelente hace rato buscaba algo asi, grax
 

scheval

VIP
Eta
SEO
Verificación en dos pasos activada
Desde
2 Sep 2010
Mensajes
1.325
Estaba buscando algo así. Gracias
 

alejandro1507

VIP
Iota
Verificación en dos pasos desactivada
Desde
31 Jul 2012
Mensajes
2.271
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
 

MitsuBelle

Alfa
Verificación en dos pasos desactivada
Desde
11 Ago 2013
Mensajes
17
Muchas gracias :encouragement: me funciono de maravilla.
 

Arriba