Hace unos días recibí un mensaje en Facebook en la cual me preguntaban si es que podría mostrar en como colocar diferentes fondos a las paginas de etiquetas de Blogger.
Estuve averiguando en foros, y encontré infinidad de respuestas pero un poco complejas y otras muy antiguas que ya no sirven en la actualidad.
Después de tanto buscar encontré que se podía lograr con las condicionales de Blogger. Sé que algunos no están muy familiarizados con estos términos. Las condicionales son códigos que indican dónde debe ejecutarse algo y dónde no. Es decir, condiciona una orden.
Con las condicionales podemos lograr muchas cosas, y en este caso nos servirá mucho. Podremos lograr que las paginas de las etiquetas tengas diferentes fondos y sea mas dinámico nuestro blog. Vamos con el tutorial!
Como vamos a cambiar el fondo para cada etiqueta, esta mas que claro que modificaremos los estilos de la etiqueta body. Es importante que te fijes si es que esta etiqueta tiene una ID o CLASE.
Ahora nos vamos a dirigir a Plantilla > Editar HTML y antes de </head> pegamos lo siguiente:
<b:if cond='data:blog.url == "URL-ETIQUETA"'>
<style type='text/css'>body {background: url(URL-IMAGEN);}</style></b:if>
Esto sería básicamente una condicional de blogger, no entrare mucho en fondo a este tema ya que lo haré en otro post. Ahora, lo que tendremos que modificar en primer lugar es la URL de nuestra etiqueta. Para ello tendremos que cambiar donde dice URL-ETIQUETA por nuestra url de la etiqueta que queremos cambiar el fondo.
Para saber cual es la URL de alguna etiqueta puedes entrar aqui y ver paso a paso
Luego si nuestra etiqueta body, tiene alguna ID o CLASE lo podremos colocar, pero en este caso usare la etiqueta en general, body. Vemos que usaremos la propiedad background-url. Como ya sabemos cambiaremos URL-IMAGEN por nuestra imagen que queramos que esté de fondo en esa etiqueta especificada anteriormente.
Y eso sería todo ya tendríamos las paginas de las etiquetas con fondos independientes. Esto también puedes aplicarlo para cualquier sección especifica de tu blog, solo tendríamos que colocar la URL respectiva y listo.
¿Tienes alguna duda?