Fondo alterno en los comentarios de tu blog con jQuery

Una vez más, la librería jQuery nos permite modificar, en menos de un minuto, el aspecto de los comentarios que se publican en el blog, haciendo que se muestren con un color de fondo alterno. Sin importar el comentarista, ya sea anónimo o autor, el diseño será siempre el escogido al incluir el código.

A continuación puedes ver una imagen que muestra el resultado.

Diseño>Edición de HTML>expandimos artilugios

Busca la etiqueta </head> y justo antes o encima añade esta línea, perteneciente a jQuery:

<script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'/>

Debo destacar que si has incluido la librería Scriptaculous con otro truco, éste podría no funcionar correctamente o interferir en el anterior.

El siguiente paso constará de encontrar la etiqueta </body> y agregar este bloque encima:

<script type='text/javascript'>
$(document).ready(function() {
$("#comments-block dt").each(function(i){
var blComentArticJTE='zpk' + i.toString();
$(this).before("<div id='" + blComentArticJTE + "'/>");
$(this).next().next().prependTo("#" + blComentArticJTE);
$(this).next().prependTo("#" + blComentArticJTE);
$(this).prependTo("#" + blComentArticJTE);
$("#" + blComentArticJTE).css("padding","10px");
if(i%2==0){
$("#" + blComentArticJTE).css("background-color","CODIGO 1");
}else{
$("#" + blComentArticJTE).css("background-color","CODIGO 2");
}
});
});
</script>

Reemplaza en el código los términos CODIGO 1 y CODIGO 2 con el código de los dos colores escogidos. No olvides que accediendo a la tabla de colores te resultará muy fácil.

Guarda la plantilla para terminar.

Si se diese el caso de que no obtienes el resultado que buscabas o simplemente no percibes cambio alguno en los comentarios, avísame.