Agregar un buscador : Vagabundia

Inicio

Blogger

HTML/CSS

Juegos

Recursos

Historias

Preferidos

Beatlemana

Contacto

23
nov
2006

Agregar un buscador
JMiur

Buscar

con la tecnologa de

Por alguna razn que desconozco, Blogbar la barra de bsquedas que haba incluido, dej de funcionar. El problema no era visible en Firefox, pero, al usar Internet Explorer, las pginas no se cargaban y muchas imgenes desaparecan misteriosamente. No le encontr solucin as que decid quitarla pero, como quera tener algn buscador incorporado, me puse en campaa y recorr la web de uno a otro lado. Nada me convenca. Por fin, me encontr con una rutina en PurpleMoggy's Blog que, si bien no satisfaca mis necesidades, me permitira adaptarla con cierta facilidad. Lo que sigue es la explicacin del elemento bsqueda que est en en la barra lateral del blog, bajo el ttulo BUSCAR AQUI Y ALL. La idea de la llamada Searh Box 4-in1 creada por PurpleMoggy es tener la posibilidad de seleccionar entre cuatro tipos de bsquedas diferentes: en el blog, en Google, en Blogger y en Technorati. La primera es igual que buscar desde la barra superior, la segunda y la tercera utilizan Blogsearch y la tercera busca entradas del blog, dentro de Technorati. Como ninguna hace una bsqueda normal. Se me ocurri dejar lo esencial y modificar las acciones de los formularios para que, simplemente, buscaran en mi blog y en Google. Se necesitan tres cosas, una serie de declaraciones de estilo CSS, una rutina JavaScript y un elemento HTML en donde insertar el cdigo en si mismo. El script es igual al original, salvo que he quitado dos de las opciones y debe ser agregado en el HEADER de la plantilla:

JMiur
Buenos Aires Argentina Biografa apcrifa

Reciba entradas por EMail:

Subscribir

<SCRIPT TYPE='TEXT/JAVASCRIPT'> //<![CDATA[ VAR SEARCH_WHICH_ONE = "PM - F - H"; FUNCTION SELECTH() { DOCUMENT.GETELEMENTBYID('LI - H').CLASSNAME = 'PM- SEARCH - SELECTED'; DOCUMENT.GETELEMENTBYID('LI - G').CLASSNAME = 'PM- SEARCH - UNSELECTED'; DOCUMENT.GETELEMENTBYID('PM - SEARCH - H').STYLE.DISPLAY = 'BLOCK'; DOCUMENT.GETELEMENTBYID('PM - SEARCH - G').STYLE.DISPLAY = 'NONE'; DOCUMENT.GETELEMENTBYID('PM - F - H').VALUE = DOCUMENT.GETELEMENTBYID(SEARCH_WHICH_ONE).VALUE; SEARCH_WHICH_ONE = "PM - F - H"; } FUNCTION SELECTG() { DOCUMENT.GETELEMENTBYID('LI - H').CLASSNAME = 'PM- SEARCH - UNSELECTED'; DOCUMENT.GETELEMENTBYID('LI - G').CLASSNAME = 'PM- SEARCH - SELECTED'; DOCUMENT.GETELEMENTBYID('PM - SEARCH - H').STYLE.DISPLAY = 'NONE'; DOCUMENT.GETELEMENTBYID('PM - SEARCH - G').STYLE.DISPLAY = 'BLOCK'; DOCUMENT.GETELEMENTBYID('PM - F - G').VALUE = DOCUMENT.GETELEMENTBYID(SEARCH_WHICH_ONE).VALUE; SEARCH_WHICH_ONE = "PM - F - G"; } //]]> </SCRIPT>

Entrar

Vagabundia
en Facebook Me gusta Co

A 416 personas les gusta Vagabundia.A 415 personas les gusta Vagabundia.

Plug -in social de Facebook

y entonces hablaron
Martn Rocha JMiur te comento que a raiz del comentaria anterior que te deathdan93 Estoy experimentado con esto :D y se me ocurre utilizarlo Liliana Ms claro no puede ser, gracias por tu aporte. Diakchimba Y otra cosa como hago para que no aparezca el mismo post Diakchimba Disculas JMiur como hago para eliminar el resumen, solo

Ahora, el cdigo CSS mnimo que debe insertarse dentro de la seccin de la plantilla.

div#pm-search {margin: 0; padding: 0;} div#pm-search ul {margin: 0; padding: 0; text-align: center;} div#pm-search li { /* blanquear estilos previos */ list-style-type: none; display: inline;

http://vagabundia.blogspot.com/2006/11/agregar-un-buscador.html[28/09/2011 09:50:28 p.m.]

Agregar un buscador : Vagabundia

cursor: pointer; background-image: none; text-indent: 0px; margin: 0; padding: 0; /* ... agregar tipo de fuente, colores, etc ... */ } div#pm-search form {margin: 0; padding: 0;} /* estilo de los vnculos de seleccin */ div#pm-search-h {display: block;} /* visible por defecto */ div#pm-search-g {display: none;} /* oculto por defecto */ .pm-search-selected { } /* del tipo seleccionado */ .pm-search-unselected { } /* del tipo no seleccionado */ /* ... agregar tipo de fuente, colores, etc ... */ .pm-input { } /* cuadro ingreso textos */ .pm-boton { } /* pseudo-botn ejecutar la bsqueda */ /* ... agregar tipo de fuente, colores, etc ... */

JMiur Gracias EpideMia :D

[+/-] comentarios

entradas relacionadas
Eliminar el nuevo LightBox de Blogger Desde ayer, Blogger ha estado insertando nuevo cdigo a la fuerza en todos los blogs. Como Mejorar la indexacin del blog Cuando se habla de indexar, estamos refirindonos a agregar una pgina web a la lista de

Condicionar widgets segn etiquetas Condicionar algo significa que en funcin de cierto dato, ocurrirn ciertas cosas o no. En La plantilla de Blogger no es una pgina web Suele ser comn que pregunten por qu no funcionan ciertos cdigos que vemos en la plantilla META description en Blogger SI o NO?

Lamentablemente no puedo dar demasiados detalles porque todo va a depender del tipo de plantilla, de color de fondo, etc. En este caso, no queda ms remedio que recurrir al viejo mtodo de PRUEBA Y ERROR hasta lograr el efecto grfico que se deseado. Por ltimo, este es el cdigo que debe ser insertado en un elemento HTML en la barra lateral. Personalmente, me result ms cmodo incluirlo en una tabla pero pueden probarse otras alternativas.

<div id="pm-search" align="center"> <ul> <li id="li-h" class="pm-search-selected" onclick="selectH()">AQUI</li> <li id="li-g" class="pm-search-unselected" onclick="selectG()">GOOGLE</li> </ul> <!-- busqueda en el Blog --> <div id="pm-search-h" align="center"> <form action="URL_DEL_BLOG/search" method="get"> <input id="pm-f-h" class="pm-input" value="" name="q" size="25" type="text"/> <input class="pm-boton" value="BUSCAR" type="submit"/> </form> </div> <!-- busqueda en Google --> <div id="pm-search-g" align="center"> <form action="http://www.google.com.ar/search" method="get"> <input value="es" name="hl" type="hidden"/> <input id="pm-f-g" class="pm-input" value="" name="as_q" size="25" type="text"/> <input class="pm-boton" value="BUSCAR" type="submit"/> </form> </div> </div>

Esta entrada no pretende dar una respuesta sino mostrar las consecuencias de las distintas

anterior

inicio

siguiente
Suscribirse a Blogger

los archivos autopromo

BANNERS WIDGET
Agregar a Favoritos Plugin de bsqueda

HTML ELEMENTAL

A case of the blues

AGREGAR UN BUSCADOR (Search Box) Searh Box 4-in1 w3.org - FORMS December - FORMS

Un tema grabado por John Lennon en el ao 1968, como demo para lo que luego sera el White Album

Rain Msica en colores Toronto 1969 McCartney Superbowl Halftime

Blogger

Please Mr.Postman

TRANSLATE THIS PAGE TRADUZIR ESTA PGINA

El error cuando no hay ttulo en los El iconito de edicin Tratando de condicionar varias Cuidado con las

http://vagabundia.blogspot.com/2006/11/agregar-un-buscador.html[28/09/2011 09:50:28 p.m.]

Agregar un buscador : Vagabundia

gadgets de Blogger entradas mejoras de Blogger

la puerta abierta
Aeromodelismo a full Conectablog El Escaparate de Rosa Gem@ Blog Gem@ en la bolsa Himsomnio Infinitos Mundos La Bloguera Shuatas Sin miedo SpamLoco Zona Firefox

Esta es una de esas cosas que suelen pasar en Blogger, un error

Blogger ha hecho algunos cambios en el CSS que agrega de manera

Esta es una respuesta a una pregunta de Samuel Rego que quiere hacer

Blogger ha agreado una alternativa que podemos ver cuando cambiamos

24 comentarios:

Botones y plantilla adaptados por JAVsoft Copyright 2006

1
Daniel
Prueba el buscador de mi blog, quizs te interese.
hace 4 aos

2
JMiur
Debo conseguir otros anteojos. Lo haba pasado por alto y me hubiera ahorrado bastante trabajo. El cdigo es similar, cambian los nombres pero lo fundamental es igual. Ya lo he "guardado" por las dudas. Gracias por tu aporte.
hace 4 aos

Animation Rainbow BloggerSPhera Blogtecnia Canto de espumas Dicas Blogger El blog de Inforc Ecuador El blog de Jabba Mamanunes Mariano Digital Palomas de papel Poca Tinta Templates Novo Blogger

las etiquetas
animacion beatlemania Blogger blogs campaas copyright CSS curiosidades Facebook Feedburner Firefox Google herramientas historias HTML humor iconos imagenes indice JavaScript JQuery json juegos meme musica opiniones personal plantillas publicidades Scriptaculous servicios Twitter wallpapers YouTube

3
Pablo Bozzolo
Amigo: tienes idea porque las busquedas del tipo: dominio/search?q=keyword no funcionan en Google Pages ? Disculpa si saco temas que no estas tratando ahora... // Un abrazo
hace 4 aos

4
JMiur
No entiendo por qu deberan funcionar. Hasta escribindolas en la barra de direcciones del navegador funcionan No habr algn otro problema? Prob agregar una como si fuera un enlace comn y corriente, escribiendo la URL y la palabra a buscar y fijate si anda. No tengo mucha experiencia en eso e GooglePages, lo uso slo como alojamiento y las pginas web que he puesto, las he creado aparte y las he subido.
hace 4 aos

5
Pablo Bozzolo
Jmiur: es exacto lo que hice.... probe directamente modificando la url, pero no veo que funcione. Podrias especializarte tambien en Google Pages... que da alojamiento y es de Google como Blogger

http://vagabundia.blogspot.com/2006/11/agregar-un-buscador.html[28/09/2011 09:50:28 p.m.]

Agregar un buscador : Vagabundia

El error que me reporta es: "The page you have requested could not be found. (404)"
hace 4 aos

6
Pablo Bozzolo
Tenes idea de cuales son los requisitos para que funcionen asi las busquedas ? quien hace la busqueda ? Gracias!!!
hace 4 aos

7
JMiur
Sigo sin ser un experto pero hice una prueba y est AC (prohibido reirse)

Hay un enlace simple que dice: <a href="http://vagabundia.blogspot.com/search?q=google">TEST BUSCAR</a> y abajo hay un formulario que coloqu en Edicin HTML y dice: <form method="get" action="http://vagabundia.blogspot.com/search"> <input type="text" value="" name="q"/> <input type="submit" value="Buscar"/> </form> Por lo que vi, tambin existe una opcin para agregar gadgets de Google y creo que hay alguna con buscadores. Ayuda en algo?
hace 4 aos

8
Pablo Bozzolo
Hola! todo ayuda!! En realidad, me refera a que no vi que busque internamente [dentro de GP] pero me gust la pgina que hicistes y me sirve eso que dices de que puede haber algun gadget para buscar. La verdad es que te has tomado DEMASIADAS molestias, as que MUCHAS gracias!!!! Voy a investigar un poquito ms... Estoy encantado de ver como te preocupas por las dudas que todos tenemos..... sin dejar alguna sin responder. gracias de nuevo! // un abrazo.. Pablo
hace 4 aos

9
Pablo Bozzolo
Lo resolvi con Google Custom Search
hace 4 aos

10
JMiur
Genial Pablo

http://vagabundia.blogspot.com/2006/11/agregar-un-buscador.html[28/09/2011 09:50:28 p.m.]

Agregar un buscador : Vagabundia Siento no haber comprendido eso de la bsqueda interna.

hace 4 aos

Annimo

11

Hola: que buen blog che , lo felicito al dueo , la verdad aprendi mucho!! vamos al grano , tengo una pagina en googlepages, use una plantilla que viene con el googlepage e intento insertar botones en flash lo cual los pude subir pero no pude poner! Vi que decias que hacias la pagina y despues la subias completa !! se puede hacer eso? como hiciste, copiaste y pegaste el html? Use para hacer los botones el macromedia flash , pero al final al pedo , las plantillas son muy cerradas , no encuentro los head para poner un metatag para aparecer en el google aunque sea ultimo! y entre otras cosas poner un post Espero sus respuestas y desde ya agradecido!!! saludos_
hace 3 aos

12
JMiur
Fijate en este post. Sobre el final se muestra como subir archivos. Los archivos pueden ser de casi cualquier tipo, incluyendo HTML as que, se crea la pgina en la PC y luego, se sube completa, como si fuera una imagen o cualquier otro tipo de archivo.
hace 3 aos

13
Claudio
Utilizo el ltimo elemento html para insertar un buscador de la barra lateral. He reducido el buscador y lo nico que hay es para buscar "AQU". Despus del trmino "value" se le puede asignar una o varias palabras para que haga la funcion de botn. MI pregunta es: -Podra substituir el boton de buscar por una imagen? La imagen es esta
hace 2 aos

14
JMiur
S, eso es posible, Claudio: <input type="image" src="URL_imagen" /> Algunos detalles de esa personalizacin pueden verse en esta entrada.
hace 2 aos

15
Carlos Martnez
Ya debes estar agobiado de tantos comentarios, pero ya lo solucione, gracias, de todos modos me gustaria que vieras como ha quedado, esta es la imagen que use para el buscador... Imagen El buscador que utilice es el que nos da blogger como elemento HTML. Luego fui subiendolo, acomodando los margenes hasta que quedo en el tope, pero me pregunto no abra otra forma?, porque pienso que es algo poco esttico ... Tambin me pregunto, no se podra obtener el CSS de ese buscador para colocarlo fuera de un widget? Que quede directo de la plantilla para usarlo fuera de un elemento HTML y colocarlo en cualquier parte sin mayor dificultad....

http://vagabundia.blogspot.com/2006/11/agregar-un-buscador.html[28/09/2011 09:50:28 p.m.]

Agregar un buscador : Vagabundia Mi Blog.

hace 2 aos

16
JMiur
Vi que haba varios comentarios eliminados as que no estoy demasaido al tanto del problema aunque me alegro que se solucionara. No es posible colocarlo fuera de un elemento ya que es un gadget que maneja Blogger pero, as, en general, un gadget podra ser ubicado en cualquier parte, no hace falta que est en la sidebar.
hace 2 aos

17
Carlos Martnez
Si, entiendo eso, aunque no esta dems soar, lo de los comentarios eliminados era porque el gadget lo tenia al final de la sidebar, pero ya resolvi eso. Lo otro es que el buscador no esta bien, no se si seran fallas de google. Por ejemplo, en mi blog tengo explicaciones de "MySQL", y cuando trato de buscar en mi blog con google no me muestra resultados, incluso colocando "dominio/searh...". Tambin tengo otra duda, como hago para colocar en el buscador de google el efecto "onfocus", como en esta entrada, no creo que sea fcil pero debe haber una forma.
hace 2 aos

18
JMiur
Los resultados del buscador no hay forma de controlarlos o por lo menos eso creo. Usando dos diferentes como tengo en este blog, los resultados de ambos varian Como el gadget lo agrega Blogger de manera directa, no hay cdigo, si miras el cdigo de CustomSearch1 casi no vers nada as que no se me ocurre una forma de crear ese efecto ya que debera ir en la etiqueta INPUT. Como curiosidad, no lo he probado, si se leyera el cdigo fuente del blog en el navegador y se pudiera copiar el cdigo ... no s si eso funcionar o si Blogger lo permite.
hace 2 aos

19
RED PEPPY
JMiur he instalado el buscador en un blog de domino propio y no funciona. Luego de completar el campo de bsqueda y clickear en buscar no aparecen entradas correspondientes sino que visualizo un espacio en blanco en donde unicamente dice pgina principal. Antes de conseguir el dominio, cuando an tenia que asigna blogger funcionaba pero actualmente no. Agradezco tu ayuda.
hace un ao

20
JMiur
No sabra responderte. No s cul es el blog o si sigue funcioanndo bajo Blogger.
hace un ao

21
Eulalia
http://vagabundia.blogspot.com/2006/11/agregar-un-buscador.html[28/09/2011 09:50:28 p.m.]

Agregar un buscador : Vagabundia Querido amigo, los buscadores de blogbar se han convertido en ladrones de blogs. Si tienes uno instalado, cuando alguien entra en tu blog le dicen que est en venta. Me acaba de pasar y an estoy alucinando. Como puede alguien poner en venta lo que no es suyo? Si lo quitaste antes de que empezaran a hacerlo, no sabes de la que te has librado! Porqu con lo popular que es tu blog, no dudes que alguien lo hubiera comprado y te quedabas sin el. Un abrazo.
hace 21 das

22
JMiur
Lo que ocurre, Eulalia, es que Blogbar ya no existe y el dominio http://www.blogbar.org/ tampoco y por lo tanto, al entrar a l se muestra una pgina que indica eso, que ese dominio est en venta, cosa que ocurre cuando quien lo posera, no lo renueva. De ninguna manera alguien puede comprar un dominio que ya existe a menos que el dueo acepte. En el caso de Blogger, sera imposible ya que el dominio es blogspot.com y dudo que Google lo quiera vender, no es nuestro, es de ellos.
hace 20 das

23
Eulalia
O sea que lo que est en venta no es el blog que es redirigido a esa pgina, pero en este caso porqu los blogs que tienen o tenian ese gadget son redirigidos a ella? Con que dejara de funcionar el gadget habra sufuciente, no? Adems da a entender que es el blog al que querias entrar lo que est en venta y que por eso no puedes leerlo. Al menos eso ha pensado quien me ha advertido de que no podia entrar a mi blog por ese motivo. Es de locos! Gracias por tu respuesta amigo.
hace 20 das

24
JMiur
No recuerdo cmo funcionaba este gadget en particular pero, si es un script que cargaba un archivo y ese archivo no existe ms, lo que se carga es el home del sitio original que es eso que ves. Le por ah que algo similar est pasando con otro servicio llamado blogrolling.com; al dejar de existir el gadget, se sigue cargando el home del dominio. Incluso, le en los foros de Blogger que ni siquiera abre el blog, que enseguida se abre la pgina esa. S. Puede causar confusin pero no es para preocuparse, se resuelve quitando el gadget.
hace 20 das

Quiere dejar un comentario?

Hay varios mtodos posibles. Uno de ellos es el formulario de comentarios que tan generosamente nos ha regalado Blogger y que funciona slo de tanto en tanto. Su uso es aconsejable slo en caso de ser una de esas personas a las que les gustan los retos y los desafos. No quiere arriesgarse? Haga click para ocultarlo y utilice las otras opciones.

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberan estar funcionando correctamente. De todos modos, tambin puede accederse a ellos a travs de SkyDrive

http://vagabundia.blogspot.com/2006/11/agregar-un-buscador.html[28/09/2011 09:50:28 p.m.]

Agregar un buscador : Vagabundia

Comentar como:
Publicar comentario

Cuenta de Google Cuenta de Google

Vista previa

Si le gusta ir a lo seguro utilice este botn para abrir los comentarios en una ventana modal en esta misma pagina. Si aora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

Los comentarios estn siendo moderados y sern publicados a la brevedad.

Suscribirse a los comentarios

anterior

inicio

siguiente

Blogger Theme Beckett + Hacks

Plantilla modificada lo largo de aos de duro trabajo

http://vagabundia.blogspot.com/2006/11/agregar-un-buscador.html[28/09/2011 09:50:28 p.m.]