$startSide y $endSide

Alguien cambió su plantilla y trató de cambiar algunos detalles pero, al intentar seguir un tutorial para modificar un pequeño detalle, se encontró con algo raro; no podía descubrir dónde estaban ciertas cosas; específicamente, la alineación de un elemento.

Parece simple para cualquiera con pocos conocimientos: buscar text-align: left; y cambiarlo por text-align: right; pero: ¡No encuentro text-align: left;! ¿Dónde está?

Y lo peor de todo es que tiene razón: no está.

Es que en los últimos tiempos, Blogger se ha encargado de complicar lo simple porque, como no saben solucionar problemas, parece que les gusta complicarnos la vida.

Una de las características del nuevo Blogger (el Blogger Beta que comenzó hace dos años) y sus nuevos modelos de plantillas es que han incluido la posibilidad de editarlas con algunas herramientas que, en teoría, hacen que todo sea más fácil. En mi opinión, esto es verdad sólo a medias ya que los usuarios de Blogger quieren más y apenas comienzan un blog se ponen a modificarlo y esas modificaciones suelen ser constantes y para eso, lo automático no es útil a menos que sepamos lo que estamos haciendo.

Una de esas opciones simplificadas es la solapa Diseño | Elementos de la página donde podemos agregar y editar elementos; otra es la solapa Diseño | Fuentes y colores donde podemos seleccionar los colores de ciertas cosas y las fuentes de texto que queremos usar. Para que esto último funcione, Blogger coloca esos datos en la plantilla utilizando una codificación especial que está definida al inicio de <b:skin>. Por ejemplo:

<Variable name="bgcolor" description="Page Background Color" type="color" default="#fff" value="#ffffff">
.......
<Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">

Si miramos el atributo name de cada una de esas definiciones, veremos que luego, ese es el dato que se incluye como propiedad, anteponiendole el carácter $. Por ejemplo, name="bgcolor" será $bgcolor y se usará así:

color:$bgcolor;

Hasta ahí, no habría mayores problemas, podrá sernos útil o no pero es coherente. Sin embargo, ahora han agregado dos datos que confunden: $startSide y $endSide que son los que confunden.

Seguramente, esto sigue el mismo criterio de agregar en muchas etiquetas el atributo dir que especifica la forma en que el navegador debe mostrar un sitio web. Cuando el valor es rtl el contenido se muestra de derecha a izquierda y la barra de desplazamiento se muestra a la izquierda. Cuando el valor es ltr el contenido se muestra de izquierda a derecha y la barra de desplazamiento se muestra a la derecha, lo que es lo normal para nosotros.

Así que, a los efectos prácticos:

$startSide equivale a left
$endSide equivale a right

Y en ambos casos, podemos eliminar esa variable y directamente usar el valor normal porque es lo razonable aunque a Blogger le parezca lo contrario.