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)
- .commenthidden {display:none}
- .commentshown {display:inline}
Luego esto sobre </head>
(Codigo 2)
- function togglecomments (postid,commentcount) {
- var whichpost = document.getElementById(postid);
- if (whichpost.className=="commentshown") {
- whichpost.className="commenthidden";
- }
- else {
- whichpost.className="commentshown";
- createCommentCookie(postid,commentcount);
- }
- }
- function createCommentCookie(postid,commentcount) {
- domain = "";
- domain = domain.split("/");
- domain = domain[2];
- document.cookie = postid + "=" +
- commentcount +
- "; domain=" + domain +
- "; expires=Thu, 01-Jan-40 00:00:01 GMT; ";
- }
- function getCommentCookie(postid) {
- postid += "=";
- startpos = document.cookie.indexOf(postid);
- if(startpos == -1)
- return 0;
- startpos = startpos + postid.length;
- if(document.cookie.indexOf(";", startpos) != -1)
- endpos = document.cookie.indexOf(";", startpos);
- else
- endpos = document.cookie.length;
- return document.cookie.substring(startpos, endpos);
- }
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)
- <a class="comment-link" href="javascript:togglecomments('c',)">
- numNewComments = -getCommentCookie('c');
- if( == 0)
- document.write("Be the first to comment!");
- else if(numNewComments == 0)
- document.write( + " comments");
- else
- document.write(numNewComments + " new comments added!");
- </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)
- <span class="commenthidden" id="c">
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:
- <a class="comment-link" href="javascript:togglecomments('c',)">
- numNewComments = -getCommentCookie('c');
- if( == 0)
- document.write("Haz el Primer Comentario!!!");
- else if(numNewComments == 0 & == 1)
- document.write("Hay Comentario, que ya leiste!!!");
- else if(numNewComments == 0 & >= 2)
- document.write("Hay Comentarios, que ya leiste!!!");
- else if(numNewComments == 1)
- document.write("Hay Un Nuevo Comentario!!!");
- else if(numNewComments >= 2)
- document.write("Hay " + numNewComments + " Nuevos Comentarios!!!");
- </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
