Mensajes en los Comentarios con las Cookies

By admin on 6 September 2006 | 1 Response

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)

COPIA EL CÓDIGO

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

Luego esto sobre </head>
(Codigo 2)

COPIA EL CÓDIGO

function createCommentCookie(postid,commentcount) {
domain = "<$BlogURL$>";
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);
}
</script>

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)

COPIA EL CÓDIGO

<a class="comment-link" href="javascript:togglecomments('c<$BlogItemNumber$>',<$BlogItemCommentCount$>)">
<script type="text/Javascript">
numNewComments = <$BlogItemCommentCount$>-getCommentCookie('c<$BlogItemNumber$>');
if(<$BlogItemCommentCount$> == 0)
document.write("Be the first to comment!");
else if(numNewComments == 0)
document.write(<$BlogItemCommentCount$> + " comments");
else
document.write(numNewComments + " new comments added!");
</script>
</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)

COPIA EL CÓDIGO

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:

COPIA EL CÓDIGO

if(<$BlogItemCommentCount$> == 0)
document.write("Haz el Primer Comentario!!!");

else if(numNewComments == 0 & <$BlogItemCommentCount$> == 1)
document.write("Hay <$BlogItemCommentCount$> Comentario, que ya leiste!!!");

else if(numNewComments == 0 & <$BlogItemCommentCount$>>= 2)
document.write("Hay <$BlogItemCommentCount$> Comentarios, que ya leiste!!!");

else if(numNewComments == 1)
document.write("Hay Un Nuevo Comentario!!!");

else if(numNewComments>= 2)
document.write("Hay " + numNewComments + " Nuevos Comentarios!!!");
</script>
</a>