
Personalizar el texto de los comentarios eliminados en Blogger
Existen 2 formas de eliminar comentarios, la de suprimir, y la de suprimir permanentemente. La primera sólo elimina el contenido y a su vez deja el espacio, mientras que la segunda elimina tanto el comentario como el espacio.
En este tutorial mostraré una sencilla forma de personalizar el mensaje que se encuentra cuando sólo eliminamos el contenido, veremos cómo cambiar tanto el texto como el estilo de estos.
Paso 1: Cambiando el texto por defecto por uno personalizado:
En ''Diseño | Edición HTML'' marcaremos ''Expandir plantillas de artilugios''. Buscaremos el siguiente código:
Reemplazaremos el código destacado por algún otro mensaje, veamos un ejemplo:
Paso 2: Personalizando el texto:
Ahora deberás buscar la siguiente línea en tu plantilla:
Debajo deberás crear todos los atributos que deseemos, si no encuentras la línea, puedes crearla antes de ]]></b:skin> de la siguiente forma:
En este tutorial mostraré una sencilla forma de personalizar el mensaje que se encuentra cuando sólo eliminamos el contenido, veremos cómo cambiar tanto el texto como el estilo de estos.
![]() |
Texto por defecto. |
El tutorial:
En ''Diseño | Edición HTML'' marcaremos ''Expandir plantillas de artilugios''. Buscaremos el siguiente código:
<span class='deleted-comment'><data:comment.body/></span>
Reemplazaremos el código destacado por algún otro mensaje, veamos un ejemplo:
<span class='deleted-comment'>Comentario eliminado, no se acepta spam o mal lenguaje</span>Guarda los cambios y listo.
Paso 2: Personalizando el texto:
Ahora deberás buscar la siguiente línea en tu plantilla:
.deleted-comment {
Debajo deberás crear todos los atributos que deseemos, si no encuentras la línea, puedes crearla antes de ]]></b:skin> de la siguiente forma:
.deleted-comment {Dejo un ejemplo preformateado para los que quieran algo un poco mas sencillo y no se calienten la cabeza buscando valores:
acá irán los atributos;
}
.deleted-comment {
font-size:14px; /*Tamaño de la fuente del mensaje*/
margin:0px auto; /*Centra el contenido*/
font-style:italic; /*Texto en cursiva*/
color: orange; /*Color del texto*/
text-shadow: 2px 2px 2px #969696; /*Sombras*/
}