Editar plantillas en el nuevo diseño de Blogger

Seguramente, muchos hablarán sobre el nuevo diseño de Blogger que ya está disponible para todos los usuarios si se ingresa a través de Blogger Draft. Habrá a quién le gusta y a quien no le gusta; poco importa ya que nadie nos ha preguntado nada al respecto y si bien, por ahora seguimos teniendo la opción de no usarlo y continuar con el "tradicional", es posible que en algún momento el cambio sea completo y no habrá otro remedio que soportarlo.

En lo personal, me resulta muy incómodo; todo está "lejos" y lo que más me interesa está escondido allá en el fondo del barril; me refiero a la edición de plantillas.

Hacer ese largo viaje hasta allí es molesto así que primero que nada, uno puede agregarlo a los marcadores para evitarse el trabajo; la URL es siempre del mismo tipo y sólo cambia el numerito que identifica a cada blog:

http://draft.blogger.com/blogger.g?blogID=0000000#template

Pero, eso solo no basta. Para llegar al editor hay que ir hasta abajo de todo, salteándose las plantillas de nuevo estilo que se nos cruzan en el camino como vendedores callejeros y luego, hacer click en el enlace correspondiente que nos despliega una cosita chiquitita donde apenas entran unas cuantas líneas ... desde ya, todo esto, merece mi caluroso aplauso a los desarrolladores que esta vez se han superado; uno creía que no podían hacerlo peor pero ¡lo han logrado!!!

En fin, algo hay que hacer y entonces es cuando aparece Stylish que no es otra cosa que una extensión para Firefox y Chrome que nos permite personalizar las páginas web a nuestro gusto, utilizando sólo CSS.

Una vez instalado, lo veremos en la barra de estado o donde lo hayamos colocado. Ahora, podemos hacer dos cosas, o creamos un estilo para personalizar esa parte en todos nuestros blogs o creamos uno solo para un blog determinado; es indistinto ya que los estilos personales se activan y desactivan con un simple click sin tener que recargar las páginas.

Entonces, vamos a crear un estilo nuevo. Si lo queremos usar sólo en un blog, lo sencillo es abrir la página de Blogger Draft donde está el editor de plantillas de ese blog y luego, click en el ícono de Stylish y seleccionar Escribir nuevo estilo | Para esta URL. En ese caso, nos abrirá una ventana donde ya veremos escrito algo así:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("http://draft.blogger.com/blogger.g?blogID=0000000#template") {

}

Si lo que queremos hacer es crear un estilo general para todos los blogs, elegimos Escribir nuevo estilo | Estilo en blanco y allí escribimos:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("http://draft.blogger.com/blogger.g?blogID=*#template") {

}

En cualquiera de los dos casos, debajo, escribimos esto:

div.GC5D1NMFJB {display:none;}
div.GC5D1NMEJB {display:none;}
div.GC5D1NMHIB {display:none;}
div.GC5D1NMEP {display:none;}
div.GC5D1NMMIB {display:block !important;}
div.GC5D1NMOIB textarea {
  font-family: Arial !important;
  font-size: 12px !important;
  height:600px;
}

Le damos un nombre, guardamos y listo.

Esto es lo que se personaliza que no son otra cosa que algunos DIVs de la página de Blogger que, eventualmente, como se trata de un sitio en proceso de desarrollo, pueden cambiar.

Todo estilo agregado es fácilmente editable e incluso se pueden desactivar temporalmente, tanto desde el ícono de la extensión como desde el menú Herramientas del navegador.