Actualización:
Blogger ha cambiado el editor de la plantilla y aunque sigue siendo muy parecido, a continuación dejo los pasos de nuevo.:
1.- Entramos en blogger.com y seleccionamos el blog sobre el que queremos insertar la caja de comentarios
2.- Nos vamos a Plantilla > Editar HTML > Marcamos Plantilla de formato
3.- Buscamos la etiqueta <body> y justo después pegamos el siguiente código:
<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>
4.- 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:
<b:if cond='data:blog.pageType == "item"'>
<div id='currentUrll' style='display:none'><data:post.url/></div>
<br/><br/>
<script>
var urll=document.getElementById("currentUrll").innerHTML;
document.write("<div class='fb-comments' data-href='"+urll+"' data-num-posts='8' data-width='500'/>");
</script>
</b:if>
<div id='currentUrll' style='display:none'><data:post.url/></div>
<br/><br/>
<script>
var urll=document.getElementById("currentUrll").innerHTML;
document.write("<div class='fb-comments' data-href='"+urll+"' data-num-posts='8' data-width='500'/>");
</script>
</b:if>
5.- Guardamos nuestra plantilla y ya tendremos nuestra caja de comentarios Facebook para Blogger
Con el editor antiguo:
Para insertar la caja de comentarios en blogger:
1.- Entramos en blogger.com y seleccionamos el blog sobre el que queremos insertar la caja de comentarios
2.- Nos vamos a Plantilla > Editar HTML > Expandir plantillas de artilugios
3.- Buscamos la etiqueta <body> y justo después pegamos el siguiente código:
<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>
4.- Ahora buscamos en nuestro código la primera linea en la que aparezca <div class='post-footer'> y justo después pegamos lo siguiente:
<b:if cond='data:blog.pageType == "item"'>
<div id='currentUrll' style='display:none'><data:post.url/></div>
<br/><br/>
<script>
var urll=document.getElementById("currentUrll").innerHTML;
document.write("<div class='fb-comments' data-href='"+urll+"' data-num-posts='8' data-width='500'/>");
</script>
</b:if>
<div id='currentUrll' style='display:none'><data:post.url/></div>
<br/><br/>
<script>
var urll=document.getElementById("currentUrll").innerHTML;
document.write("<div class='fb-comments' data-href='"+urll+"' data-num-posts='8' data-width='500'/>");
</script>
</b:if>
5.- Guardamos nuestra plantilla y ya tendremos nuestra caja de comentarios Facebook para Blogger
Hola! Es posible que ya no exista la opción Expandir plantilla de artilugios?? Un saludo
ResponderEliminares verdad, acabo de darme cuenta, veré que cambios son necesarios para poder incluir la caja de comentarios.
EliminarSaludos!
Muchas gracias! Estaré pendiente porque me corre mucha prisa
ResponderEliminarHola, no puedo ingresarlo ... ahora existe una nueva plantilla de html ... yo tenia mi caja de comentarios ahora ya no aparece la primera parte perfecto copio igual pero lo segundo no :(
ResponderEliminarAdemas me sale este mensaje:
No se ha podido cargar la vista preliminar de la plantilla: Error al analizar XML, línea 1358, columna 35: The element type "b:includable" must be terminated by the matching end-tag "".
Gracias.
Mily
Hola Mily, ya actualicé esta entrada y lo acabo de probar poniendolo en este mismo blog y no me dio problema. Lo que hice fue entrar a Editar HTML de la plantilla y marcar Plantilla de formato. Una vez marcada introduje los códigos normalmente. ¿Podrías decir cual es tu plantilla para ver si tiene algo distinto?
EliminarEn cuanto al error que comentas te esta diciendo que falta la etiqueta de cierre que es ¿Es posible que no la copiaras?
Comentamos si puedes arreglarlo.
Saludos!
Holaaa, desde hace meses intento con tutoriales y no puedo agregar el box ): mi plantilla es predeterminada (LA SIMPLE) editada en Diseño. El problema es que normal puedo agregar los primeros códigos debajo de:
Eliminarbody expr:class='"loading" + data:blog.mobileClass'>
(es que no aparece "body") y después ya no hay en mi plantilla:
- ni: div class='post-footer'>
- ni: b:includable id='comment-form' var='post'>
- ni eso de buscar la etiqueta "include>"
qué puedo hacer? ): gracias!!!
http://tipsyvalqui.blogspot.com/
muy bueno me encanto
ResponderEliminarhola que hago si no me aparece la segunda parte para ingresar? el div post foter
ResponderEliminarhola que hago si no me aparece la segunda parte para ingresar? el div post foter
ResponderEliminar