translate this blog

26 febrero, 2026

sabían que pueden poner HTML y CSS personalizado por entrada?

 Sí, solo necesitan darle clic al lápiz y activar donde dice "Vista HTML"

y si quieren añadir estilos y diseño crean una etiqueta <style>, le ponen nombres a las clases y crean los sets de reglas de estilos.  Esto último es un conjunto de instrucciones que le dicen al navegador cómo va a presentar las etiquetas HTML con dicha clase, y entonces crean los <div> con los nombres de las clases.


por ejemplo, aquí creé una clase llamada "custom-css-example-1", en la que los elementos con dicha clase tendrán como imagen de fondo la que indiqué en la URL (si quieren subir sus propias imágenes pueden hacerlo con un host de archivos como Catbox), el tamaño de la imagen de fondo cubrirá todo el ancho del elemento, el color de texto será blanco, el elemento tendrá un borde sólido de color aqua con grosor de 2 pixeles, y un padding (un espacio entre el borde y el contenido) de 5 pixeles.

después creo un elemento <div> con la clase mencionada, que engloba a todo el cuerpo de la entrada, y lo cierro al final de la entrada. Suena medio complicado esto, pero si ya saben de HTML y CSS creo que es algo que les puede servir mucho si quieren poner personalización avanzada. Y para quienes no sepan, afortunadamente hay tutoriales que explican mejor que yo, los que yo he usado son los de W3Schools pero están en inglés, aunque creo que también hay en español.
Bueno, sólo quería que supieran que eso se podía hacer en Blogger, para quienes quieran hacer cosas más avanzadas para decorar sus entradas. ☆ En fin, amo Blogger, es de los pocos productos de Google que no ha sido tocado por sus malvadas decisiones corporativas y eso me encanta.

2 comentarios:

  1. sii, está cool eso, yo no me he puesto pero quiero ver qué cositas puedo hacer, si he utilizado antes HTML y CSS, me gusta que aquí haya esa opción

    ResponderBorrar
  2. Hacer mucho tiempo que no toco html, tendría que ponerme de nuevo. Pero hice una web en su momento con cuaderno de notas en html y css.

    ResponderBorrar