Las nuevas plantillas añaden Reply (sistema de respuesta en comentarios)

Si hay una palabra indicada esa sería "práctico" y si fueran dos, añadiría también lo de "funcional". Así es como definiría la nueva mejora de Blogger para las nuevas plantillas.

Se trata de la implementación del sistema de respuesta en los comentarios conocido por todos como Reply y que ahora, ya no se tiene que añadir manualmente como hicimos hace unos meses.

Así me lo hizo saber Jorge Angel y así lo he comprobado que la opción Reply se puede usar en "Responder" y eliminar el comentario con el enlace "Suprimir".

El sistema es muy cómodo cuando se trata de respuestas individuales.
Aunque no soy fans de las nuevas plantillas es bueno que tengas mejoras y que sigan así.

Ocultar el suscribirse a entradas (Atom) en las nuevas plantillas

Una de las primeras cosas que modificamos cuando comenzamos a personalizar el blog es eliminar el enlace de suscribirse a entradas (Atom) que se visualiza al final del blog ¿por qué? supongo que es cuestión de gustos y necesidades de cada uno.

Con las nuevas plantillas, las que Blogger puso a disposición de todos en 2010 las explicaciones que dábamos no sirven para nada.

En las antiguas plantillas para ocultar el suscribirse a entradas (Atom )buscábamos lo siguiente y añadíamos lo marcado en negrita:

.feed-links {
clear: both;
line-height: 2.5em;
visibility:hidden;
display:none;
}

Ahora, para las nuevas sería este otro añadiendo también lo marcado en negrita:

.blog-feeds, .post-feeds {
margin: 1em 0;
text-align: center;
color: $(feed.text.color);
visibility:hidden;
display:none;
}

Aclarando mis ideas sobre las nuevas plantillas

Desde la salida del diseñador de plantillas muchos optaron por la facilidad que proporciona diseñar la plantilla en unos sencillos pasos, no voy a entrar en detalles sobre si es mejor o peor, más o menos recomendable que personalizar la plantilla uno mismo porque lo que para unos es mejor para otros puede terminar en una odisea.

Naturalmente tengo mi opinión y es que las plantillas creadas con el diseñador no sólo cambian el diseño exterior sino también el interior es decir, que la plantilla es completamente distinta a lo que estamos acostumbrados a ver y los códigos que veremos serán como poco muy extraños.

No hay garantías de poder aplicar los tutoriales o explicaciones que normalmente encontramos para Blogger, si tenemos tiempo de sobra y no sabemos que hacer entonces no hay problema utilicemos el diseñador y a divertirse pero si pensamos que la plantilla es algo que en un futuro vamos a modificar hay que pensarlo dos veces.

¿Por qué digo todo esto? porque llegan preguntas y dudas, muchas dudas sobre la forma de hacer esto o aquello una vez tenemos instalada una de las nuevas plantillas y en la mayoría de casos no tengo respuesta porque para tenerla es necesario dedicar horas a cada caso en concreto y como decía anteriormente sin garantías de encontrar la solución.

Las nuevas plantillas me recuerdan un poco a las plantillas adaptadas de otras plataformas en general son bellas, originales y complicadas de entender porque en la adaptación no se ha tomado la precaución de sustituir los códigos por los originales de Blogger ni de limpiar el código inutilizable.

Me recuerdan también cuando compramos un electrodoméstico, hay que entender el manejo, configurarlo, ponerlo en marcha y siempre pensamos que algo más sencillo nos haría el mismo papel, dos botones uno para encender y otro para apagar y menos historias que nos compliquen la vida.

Las nuevas plantilla son eso, uno simple clikc y un nuevo diseño en menos que canta un gallo, pero es que resulta que antes de darnos cuenta ese electrodoméstico complicado lo usamos todos los días y terminamos configurandolo con los ojos cerrados. Y con el tiempo nos alegramos de tener un aparato con diversas funciones que lo manejamos y configuramos a nuestro antojo, esas son las plantillas originales de Blogger las que se prestan a casi todo y se dejan manejar.

Las plantillas que Blogger proporcionaba antes de aparecer el diseñador y las nuevas plantillas siguen estando a disposición de todos para descargarlas y lógicamente usarlas, las encontraremos si en plantilla de Edición de HTML nos situamos al final del todo donde dice:

Aunque la imagen está cortada justo después de Plantillas antiguas dice:

"Puedes utilizar todavía las plantillas antiguas para tu blog, pero no podrás acceder a muchas de las funciones nuevas como, por ejemplo, el Diseñador de plantillas"

A pesar de lo que dice ahí he probado varias veces a instalar plantillas "antiguas" y en todas aparece la opción de diseñador de plantillas, otras mejoras como el nuevo editor de entradas tiene las mismas funciones y que yo recuerde no hay muchas más.

Como siempre a la pregunta de ¿Qué hago me la instalo de las nuevas? la respuesta es siempre la misma instala la que mejor se ajuste a tus necesidades pero ten en cuenta todo lo anterior y si piensas modificar la plantilla entonces intenta instalarla en un blog de pruebas y juega con ella porque te vas a entretener.

Si pasado un tiempo prudencial te haces con el manejo, la personalizas y consigues que todos los trucos que deseas añadir funcionen entonces ¡Enhorabuena! esperamos tus aportes con ilusión y con ellos se habrá dado un gran paso que seguramente pasará a la historia.

Sustituir imagen de fondo en las nuevas plantillas

Ya decíamos que el diseñador de plantillas nos traería algún que otro quebradero de cabeza debido a las diferencias que se muestran al cambiar de plantilla.

Una de esas diferencias es lo que veremos si deseamos cambiar de imagen de fondo (background). En las nuevas plantillas veremos el fondo con background: $(body.background);

body {

font: $(body.font);

color: $(body.text.color);

background: $(body.background);

}

Si tenemos una imagen de fondo de nuestro agrado como en el caso de Maty y queremos que sustituya la añadida con el diseñador simplemente debemos sustituir la línea background: $(body.background); por nuestra imagen:
background-image: url ('url-nuestra-imagen');

De querer añadir una textura, una imagen estática o redimensionarla obramos de igual forma sustituyendo la línea background: $(body.background); por la que proceda.

El diseñador de plantillas a disposición de todos.

Hace unos días en Blogger Buzz nos informaban que el diseñador de plantillas ya está disponible para todos sin necesidad de acceder por Blogger in Draft como veníamos haciendo.

Recordemos que algunas de las funcionalidades eran el poder disponer de 19 nuevas plantillas, diseños definidos en CSS, cientos de imágenes libres de derechos, un solo control para cambiar los colores del diseño y previsualización en tiempo real.

Recordemos también que al seleccionar una plantilla nueva se borrarán todas las personalizaciones de la plantilla existente y que el cambio no sólo afecta al diseño del blog sino a la plantilla.

Diseñador de plantillas en Blogger

Si accedemos a nuestro blog por Blogger in draft y nos situamos en la pestaña "Diseño" descubriremos un nuevo botón en la barra superior. Es el botón que nos lleva al "Diseñador de plantillas"

Mi impresión ha sido buena, yo diría que demasiado buena para lo que estamos acostumbrados en esta plataforma, parece ser que alguien se ha dado cuenta que en Blogger tenían un diamante sin pulir y han decidido sacarle provecho.

Estuve probando sin problemas, ahora bien, yo pediría un poco de prudencia, pediría prudencia y jugar en un blog de pruebas para familiarizarse con todas las opciones que nos vamos a encontrar y como no, tener copia o archivo de la plantilla porque tengo la sensación que podemos divertirnos pero también podemos lamentarnos. Es precisamente la facilidad de uso lo que a veces nos lleva a cometer errores .

Una vez guardados los cambios nuestra plantilla cambia totalmente no sólo de aspecto sino también en su interior es decir, que esos estilos tan familiares ya no serán los mismos y tendremos que aprender a asociar los antiguos estilos con los nuevos o intentar arreglar el tropiezo otra vez con el diseñador. Veamos esas capturas.

Cuando accedemos tenemos la opción de escoger plantilla, hay dispuestos cuatro modelos Simple tiene cuatro tonalidades, Picture Window con tres modelos distintos, Watermark con cuatro modelos, diseñados todos ellos por Joshua Peterson. La plantilla Awesome Inc la encontraremos en cuatro tonalidades incluida una con imagen de fondo y está diseñada por Tina Chen.

Lo que veremos nos recuerda un poco el sistema de "Fuentes y colores" el panel de trabajo superior y en la parte inferior veremos los cambios que se van haciendo en la plantilla.
En la separación de el diseñador de páginas y la plantilla tenemos el sistema de control para mostrar el vista previa y controles.

PLANTILLAS

Ver imagen

Podemos cambiar las tonalidades de la plantilla, nos ofrece una sugerencia de colores pero aún así podemos escoger cualquier otro en la paleta de colores de "Gama de colores principal"

FONDO

Ver imagen

Seguimos en FONDO y para los atrevidos nada de color, mejor marcamos sobre la imagen actual de fondo y escogemos entre un gran surtido disponible. La flecha que veis en la imagen nos permite visualizar a mayor tamaño esa ventana.

FONDO (Con imagen)

Ver imagen

Quizás esta sea una de las opciones que más me ha gustado, porque facilita algo que a muchos les llevó días conseguir, diseñar el cuerpo de la plantilla. Añadir hasta cuatro columnas, duplicar, ubicar la sidebar donde nos plazca..Cualquier cosa es posible.

DISEÑO (Diseño del cuerpo)

Ver imagen

El famoso Footer y sus columnas, ahora más sencillo que nunca ¿Se imaginan con un clik y todo listo?

DISEÑO (Diseño del pie de página)

Ver imagen

Viene la sorpresa, el ancho del blog. Vean, vean... de qué forma decidimos la anchura del blog.

DISEÑO (Ajustar ancho)

Ver imagen

La última opción es para escoger color de texto, página o tipo de fuente.

En Título, fondo del blog, enlaces, título de entrada, pos-footer, cualquier sitio al que añadir color, inluido las tabs (pestañas de las nuevas páginas estáticas)

AVANZADO

Ver imagen

Un último detalle, la opción de "Añadir estilos CSS" personalizados a la plantilla.

AVANZADO (Añadir CSS)

Ver imagen

Y eso es todo, seguramente dejo algo en el tintero pero como decía es la forma más sencilla de diseñar nuestro sitio hasta donde el diseñador nos permite claro. No se olviden de jugar antes de tomarse las cosas en serio