-->
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
Crear una plantilla desde cero para Blogger: Parte 2 - Definiendo los contenedores # - Crear una plantilla desde cero para Blogger: Parte 2 - Definiendo los contenedores
Plantilla para Blogger: Ayuda Bloggers 3 [Actualizada 26 de Mayo 2013] # - Plantilla para Blogger: Ayuda Bloggers 3 [Actualizada 26 de Mayo 2013]
Desactivar el Clicktrap en Blogger # - Desactivar el Clicktrap en Blogger
Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
Slider dinámico para Blogger # - Slider dinámico para Blogger