-->
Agregar buscador Google en Blogger

Agregar buscador Google en Blogger

Un buscador externo en Blogger puede servir de mucha utilidad a un blog ya que permite una búsqueda más eficaz y precisa.

En este tutorial les enseñaré a crear un buscador basado en Google para posteriormente agregarlo a su Blog.

El resultado del buscador sería el siguiente:


Ejemplo buscador personalizado

Paso 1: Cómo crear el buscador personalizado.

Primero vamos a Google Custom Search Engine y presionaremos en el botón de la imagen inferior:

Segundo, completaremos los datos tal como aparece en la imagen inferior:

Clic aquí para ver en tamaño completo

Hacemos clic en el botón ''Siguiente'' y en la siguiente sección personalizaremos el buscador eligiendo algún tema de colores:

Después haz clic en el botón siguiente y nos dará un código en formato HTML el cual debemos copiar y respaldar.

Paso 2: Agregar el buscador en Blogger.

Primero, deberás crear una página en Blogger con el título de ''Buscador'' (Creación de Entradas / Editar páginas)


En ''Edición de HTML'' de esta página, pegaremos el código que anteriormente habíamos obtenido.

En modo Redactar, aparecerá sólamente ''Loading'' lo cual puedes modificar por otro mensaje, por ejemplo ''Cargando motor de búsqueda''.

Luego publicas la página y listo:

Notas:
  • Para mostrar la página en algún lado de tu blog, necesitarás crear un Gadget de páginas y listo.
  • Si deseas ver una muestra del buscador trabajando, haz clic en este enlace.
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Tabla de colores estática # - Tabla de colores estática
Cabecera animada para el Blog mediante jQuery # - Cabecera animada para el Blog mediante jQuery
Mejora la caja de comentarios en Blogger con Disqus # - Mejora la caja de comentarios en Blogger con Disqus
Cómo obtener la primera imagen del post en Blogger sin Javascript # - Cómo obtener la primera imagen del post en Blogger sin Javascript
Bordes con CSS # - Bordes con CSS