Mensajes en los Comentarios con las Cookies

Esto sirve para decir cosas como:
Hay un comentario que ya leiste
Hay 5 nuevos Comentarios
Escribe el primer comentario…y muchas otras oraciones mas al gusto de cada uno.
Por ahora dejare el codigo en ingles y como venia…después explicare aquí mismo como cambiar algunas cosas..
Cada vez que se hace click en una de estas oraciones, los comentarios aparecen visibles

Primero agrega esto en la css de la plantilla, puede ser bajo el mensaje que aparece aquí:
(Codigo 1)

  1. .commenthidden {display:none}
  2. .commentshown {display:inline}

Luego esto sobre </head>
(Codigo 2)

  1. function togglecomments (postid,commentcount) {
  2.    var whichpost = document.getElementById(postid);
  3.    if (whichpost.className=="commentshown") {
  4.       whichpost.className="commenthidden";
  5.    }
  6.    else {
  7.       whichpost.className="commentshown";
  8.       createCommentCookie(postid,commentcount);
  9.    }
  10. }
  11.  
  12.  
  13. function createCommentCookie(postid,commentcount) {
  14.    domain = "";
  15.    domain = domain.split("/");
  16.    domain = domain[2];
  17.    document.cookie = postid + "=" +
  18.       commentcount +
  19.       "; domain=" + domain +
  20.       "; expires=Thu, 01-Jan-40 00:00:01 GMT; ";
  21. }
  22.  
  23.  
  24. function getCommentCookie(postid) {
  25.    postid += "=";
  26.    startpos = document.cookie.indexOf(postid);
  27.    if(startpos == -1)
  28.       return 0;
  29.  
  30.    startpos = startpos + postid.length;
  31.    if(document.cookie.indexOf(";", startpos) != -1)
  32.       endpos = document.cookie.indexOf(";", startpos);
  33.    else
  34.       endpos = document.cookie.length;
  35.  
  36.    return document.cookie.substring(startpos, endpos);
  37. }

Ahora buscas el codigo que corresponde al footer del post:
, especificamente tenemos que eliminar todo lo que esta entre <BlogItemCommentsEnabled> y </BlogItemCommentsEnabled> y reemplazarlo por:

(Codigo 3)

  1. &lt;a class=&quot;comment-link&quot; href=&quot;javascript:togglecomments('c',)"&gt;
  2.      
  3.          numNewComments = -getCommentCookie('c');
  4.          if( == 0)
  5.             document.write("Be the first to comment!");
  6.          else if(numNewComments == 0)
  7.             document.write( + " comments");
  8.          else
  9.             document.write(numNewComments + " new comments added!");
  10.      
  11.    </a>

Ahora vamos donde esta la etiqueta <ItemPage> la borramos al igual que </ItemPage> y antes de <BlogItemCommentsEnabled>, agregamos la siguiente linea de codigo:

(Codigo 4)

  1. &lt;span class=&quot;commenthidden&quot; id=&quot;c"&gt;

y despues de </BlogItemCommentsEnabled>, cerramos el span, o sea agregamos

</span>

Eso es todo, ya tienen el codigo funcionando

Pinchen sobre los comentarios, agreguen un nuevo comentarios y hagan refresh de la pagina, y se daran cuenta que cambia el mensaje, y aparecera un new comments added!
Despues seguire agregando partes para que la explicacion sea mas clara.

Aqui esta la plantilla Minima Black para descargar con los cambios ya realizados, lo que esta destacado con azul, son las etiquetas que deben buscar en sus plantillas.
Lo que esta con rojo, es el codigo que se debe agregar. Y deje un comentario en verde, porque se debe quitar la etiqueta <ItemPage> de una parte.

Descarga: MINIMA BLACK

En mi caso el codigo 3 que agregue es el siguiente, le hice algunas modificaciones al original:

  1. &lt;a class=&quot;comment-link&quot; href=&quot;javascript:togglecomments('c',)"&gt;
  2.      
  3.          numNewComments = -getCommentCookie('c');
  4.  
  5.          if( == 0)
  6.             document.write("Haz el Primer Comentario!!!");
  7.  
  8.        else if(numNewComments == 0 &amp;  == 1)
  9.             document.write("Hay&nbsp;&nbsp;Comentario, que ya leiste!!!");
  10.  
  11.        else if(numNewComments == 0 &amp;  &gt;= 2)
  12.             document.write("Hay&nbsp;&nbsp;Comentarios, que ya leiste!!!");
  13.  
  14.        else if(numNewComments == 1)
  15.             document.write("Hay Un Nuevo Comentario!!!");
  16.  
  17.        else if(numNewComments &gt;= 2)
  18.             document.write("Hay&nbsp;" + numNewComments + "&nbsp;Nuevos Comentarios!!!");
  19.      
  20. </a>

Descarga: MINIMA BLACK CON MIS MODIFICACIONES

De a poco agregare las otras plantillas, el código es el mismo para todas.

Artículos Relacionados

  • Como cambiar el ancho de la plantilla de tu blog, Blogger Ensanchar la plantilla Mínima Bueno en este tutorial les voy a mostrar como pueden cambiar el ancho de su blog (cuerpo, entradas, sidebar, titulo, etc) Para esto les dejo 5 pasos […]
  • Fotos de los comentaristas, BloggerEsto es para mostrar imágenes para los comentaristas, ya sea de nosotros, los usuarios anónimos y los demás usuarios. Necesitaremos tres imágenes, uno para nuestros comentarios, otro para […]
  • Entradas expandibles en los resultados de las etiquetas Para que los post (entradas) de las etiquetas solo se vea el titulo tienes que seguir los siguientes pasos: 1º entrar a diseño, edición HTML y antes de </head> añadimos el […]
  • Redondear fotos Existe una herramienta con la cual podemos redondear las esquinas de cualquier imagen que queramos, la podemos subir desde nuestro pc o colocando la Url de la imagen. Entren a RoundPic […]
  • Plantillas Navideñas, Classic-Blogger Éste dato es para los que gustan cambiar su plantilla según la época del año en que estemos, aquí les dejo unas lindas plantillas navideñas, solo hacen click en la imagen y llegarán a […]
  • ¿Como puedo cambiar el Idioma del Panel de Administración de Blogger? Una vez que ingresan a la pagina principal, http://www.blogger.com/, buscan en la parte superior de la pagina de administración de Blogs de cada uno. Ahí aparece un mena desde donde […]
Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

About patriram

Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

Leave a Reply

Your email address will not be published. Required fields are marked *