Seguro has tenido problemas con errores y con post que ya no funcionan, acá te vamos a ayudar, apesar que es un blog musical te va servir este truco, y ya no floriemos mas vamos al grano ahi va...
Lo primero es hacer abrir tu facebook del cual deseas que los comentarios se vean.
Segundo has clic acá:
A la pagina de desarrolladores de facebook en la sección comentarios: http://developers.facebook.com/docs/reference/plugins/comments/
Ahora debemos rellenar los datos que nos piden, la url de nuestro sitio el cual tendrá los comentarios, el ancho, el numero de comentarios y finalmente el tema.
Una vez que completemos o rellenemos todos los datos que nos están pidiendo, vamos a dar clic en el botón ”Get Code”, el cual nos mostrara dos códigos:
Ahora bien, el primer código tenemos que insertarlo antes de la etiqueta </body> para ello vamos a Blogger.com >> Tu blog >> Plantillas >> Edición HTML y lo pegamos.
Luego el segundo código debemos pegarlo en donde queremos que aparezcan los comentarios (En este tutorial pondremos los comentarios de facebook en donde estaban los comentarios predeterminados de blogger)
Para ello vamos a Edición HTML >> y marcamos “Expandir plantillas de artilugios”, ahora debemos buscar la siguiente etiqueta: <b:includable id=’comment-form’ var=’post’> puedes buscar mas rápido con Control + F.
Ahora que ya tenemos ubicada esta etiqueta, debemos borrar todo lo que tiene dentro hasta: </b:includable> algo muy importante es no borrar estas dos etiquetas, sino lo que contienen dentro, por si estas confundido lo que debes borrar es mas o menos así:
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<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='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<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='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<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='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<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='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
Ahora, debemos buscar: <h4><data:post.commentLabelFull/>:</h4> y lo cambiamos por <h4>Comentarios:</h4>
Damos clic en “Guardar Plantilla“.
A continuación veremos como moderar y dar privilegios de administrador a nuestros comentarios.
Dando administrador y moderando comentarios
Para ello debemos pegar el siguiente código justo después de la etiqueta <head>
<meta property="fb:admins" content="Facebook_ID"/>
Como averiguar nuestra id de facebook:
para ello debemos ir a:
https://graph.facebook.com/TU.USUARIO
Ahora que ya pegamos el código con nuestra id de facebook damos en “Guardar Plantilla”, Luego que guardes plantilla debes esperar por lo menos 20 minutos a que facebook reconozca que eres el administrador legitimo de los comentarios.
Finalmente nos dirigimos a el blog el cual agregamos los comentarios y veremos que están de manera correcta y también veremos que podemos moderarlos:
Como se puede ver en la imagen tengo privilegios de administrador y no necesitamos agregar ningun otro codigo, por que el tutorial esta finalizado y los comentarios estan agregados correctamente.
Fin de la entrada
Aqui terminamos con la entrada del dia de hoy acerca de como agrega o poner los comentarios de facebook en Blogger facilmente y de manera correcta, porque me he topado con varios tutoriales por la web el cual estan incompletos o información invalida.Cualquier duda que tengas con respecto a esta entrada puedes realizarla a través de los comentarios.
