Menú horizontal

29 de marzo de 2017

Nuevo gadget para el cuadro de búsqueda de Blogger

Blogger cambia el gadget para el buscador


Blooger está mostrando un aviso en todos los blogs que tienen añadido el Gadget Cuadro de búsqueda en el que comunica que es posible que ya no funcione. Nos recomienda en este caso eliminarlo y añadir el nuevo Gadget Búsqueda de blogs porque a partir del 1 de Mayo de 2017 retirarán el primero.

Aviso Blogger dejará de funcionar Gadget Cuadro de búsqueda

Como este blog tiene el gadget Cuadro de búsqueda (Ver entrada Añadir y personalizar el buscador en un blog de Blogger) no voy a esperar a la fecha límite para cambiarlo por el nuevo gagdet Búsqueda de blogs.



Añadir el nuevo gadget del cuadro de búsqueda para adaptar el blog al cambio anunciado por Blogger


Me pongo a ello haciendo lo primero una copia de seguridad porque tengo que modificar la plantilla.

A continuación voy al menú de Blogger:   Diseño → sidebar-right-1  (que es la zona del blog en la que he incluido el gadget de búsqueda).

Voy a añadir el nuevo gadget Búsqueda de blogs pero por el momento no elimino el gadget antiguo (gadget Cuadro de búsqueda) por si ocurre alguna catástrofe. Lo eliminaré una vez compruebe que el nuevo gadget funciona correctamente y mantiene el mismo estilo del antiguo.

Hago click en + Añadir un gadget y lo sitúo sobre el anterior.

Añadir el nuevo gadtet de cuadro de búsqueda sobre el antiguo


El siguiente paso es configurar este nuevo gadget en Editar

La ventana de configuración ahora ha cambiado porque Blogger solo permite modificar el título del gadget.

Nuevo cuadro de configuración cuadro de búsqueda
Nuevo cuadro de configuración cuadro de búsqueda

El gadget anterior permitía más opciones. Ahora la búsqueda únicamente es posible dentro del mismo blog.

Antiguo cuadro de configuración cuadro de búsqueda
Antiguo cuadro de configuración cuadro de búsqueda


Modifico el texto del título y lo cambio por "Buscar en este blog". Guardo los cambios y visualizo el blog.

Nuevo gadget de Búsqueda de blogs y gadget Cuadro de búsqueda


El blog ahora muestra dos cajas de búsqueda. La primera es la que he añadido con el gadget nuevo de Gadget Búsqueda de blogs y la segunda corresponde al que tenía el blog anteriormente, con el Gadget Cuadro de búsqueda.

Parte del estilo aplicado al gadget anterior se aplica también en el nuevo gadget pero es necesario hacer unas pequeñas modificaciones en el código CSS correspondiente al cuadro de búsqueda para que el aspecto del nuevo gadget sea igual al que Blogger va a retirar.

Voy al menú de Blogger:
Tema (antes Plantilla) → Editar HTML.

Una vez localizado el código CSS con el estilo del cuadro de búsqueda, tengo que modificar el nombre del widget "CustomSearch" y cambiarlo por el nuevo nombre   "BlogSearch"  .



Modificaciones en el código CSS para el cambio en el gadget de búsqueda


#CustomSearch1 h2 {                          /*Título del gadget search*/
cambio esta línea por,
#BlogSearch1 h2 {                            /*Título del gadget search*/

div#CustomSearch1.widget.CustomSearch {         /*Caja externa*/
cambio esta línea por,
div#BlogSearch1.widget.BlogSearch {                /*Caja externa*/

div#CustomSearch1_form {              /*Caja interna*/
cambio esta línea por,
div#BlogSearch1_form {                 /*Caja interna*/


El resto se mantiene igual.

El resultado es el esperado. Ahora el gadget nuevo tiene el aspecto del anterior y funciona correctamente por lo que puedo ya eliminar el gadget antiguo que, según nos avisa Blogger, desaparecerá el 1 de Mayo de 2017.