martes, 9 de octubre de 2012

FALLO EN LOS COMENTARIOS A LAS ENTRADAS, EN BLOGGER.


   A raíz de la publicación de una entrada en el blog Electrónica para legos , del cual éste es un spin-off, y por indicación de dos buenos amigos blogueros (Ana Galindo y Francho Lafuente) observé que no estaba habilitada la opción de añadir comentarios por parte de los lectores, en las entradas. Así mismo, tampoco estaba disponible la opción de compartir las entradas en las distintas redes.
   Esto ha debido producirse tras el cambio definitivo a la nueva interfaz de Blogger (septiembre 2012).
  A continuación hago la crónica de una investigación para poder resolver estas dos situaciones; con final feliz, afortunadamente, después de muchos quebraderos de cabeza.

 

   LOS BOTONES PARA COMPARTIR ENTRADAS
 
  En primer lugar, paso a indicar la forma de dar solución a la no aparición de los botones para compartir la entrada en las redes sociales. Seguí las indicaciones del blog mexicano http://programas-utilerias.blogspot.com.es Haciendo click en la imagen, se tiene acceso a la entrada en la que se da la explicación oportuna.

 Captura de imagen del blog   programas-utilerias.blogspot.com.es



   EL BOTÓN PARA COMENTAR LA ENTRADA

 Aquí la cosa cambió. Todo lo bien y rápido que pude solucionar lo de compartir entradas se tornó lentitud y enredo con la habilitación de los comentarios.
 Estuve investigando y lo cierto y verdad es que era una fuente de problemas para más de un usuario de Blogger.
 Seguí las indicaciones de varios post, pero en el caso de la plantilla de  Electrónica para legos , los cambios realizados no surtían efecto. Los comentarios seguían sin poder ser dejados.
  Y es ahí cuando se me ocurrió la idea. Realmente vino de la mano de un comentario de Massimo Banzi en el vídeo que inserté en la entrada por la que todo esto empezó:
http://electronicaparalegos.blogspot.com.es/2012/10/codigo-abierto-la-imaginacion-arduino.html
  Este hombre cuenta cómo cuando empezó a programar y no tenía mucha idea, trabajaba sobre códigos ya escritos. Y eso fue lo que yo hice: trabajar sobre códigos ya escritos.
   Partí de la base de que en la plantilla del blog  está todo lo que en éste hay. Necesitaba identificar qué parte del código HTML contenía lo relativo a los comentarios. Resulta que sí era posible habilitar y deshabilitar los comentarios a las entradas en este blog, Tecnología para legos a través de la opción de "Diseño" del mismo:

Indicación para configurar comentarios a las entradas. Fuente: elaboración propia.


   Hice dos copias del código HTML, una con los comentarios habilitados y otra con los comentarios deshabilitados. Ya sólo quedaba la parte de la "fuerza bruta": comparar los dos códigos, línea a línea,  hasta identificar la diferencia.

Comparando códigos HTML del blog. Con y sin comentarios ( izquierda y derecha , respectivamente). Fuente: elaboración propia.

    La diferencia estribaba en las siguientes líneas (se reproducen sólo las líneas en las que residía la diferencia, no todo el código, obviamente).
     
    Código HTML  en  la plantilla con los comentarios deshabilitados


    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'><span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
    <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span> </div>



 Código HTML  en  la plantilla con los comentarios habilitados



    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                <data:post.commentLabelFull/>:
              </a>
            </b:if>
          </b:if>
        </b:if>
      </span> <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span> </div>


   Dejo a la voluntad de alguna de las personas que lea esta entrada, la profundización en el meollo de la diferencia entre estos dos trozos de código.
 
   Tras la comparación, busqué en la plantilla del blog  Electrónica para legos la línea de código:

 <div class='post-footer'>
y sustituí todo lo que sucedía a:

<div class='post-footer-line post-footer-line-1'>

por el  código  que aparece más arriba. Y ¡EUREKA!  funcionó.

    Dejo a continuación los enlaces a los diferentes sitios que visité en el proceso de investigación sobre este asunto:





http://laeulalia-creacion.blogspot.com.es/2009/08/configuracion-comentarios.html


    Quiero finalizar, agradeciendo a @Ciudad_Blogger , de http://ciudadblogger.com , blog a seguir para quien esté interesado en mejorar su conocimiento de  Blogger, su amable y rápida contestación a la consulta que le planteé.