Ayuda Wordpress | Editar los slug en Wordpress 2.5

Como agregar un buscador a tu blog de Blogger

Escrito por KnxDT el Sunday 25 de November del 2007 – 8:40 pm -

En este post aprenderemos a como agregar o añadir un buscador a nuestro blog de Blogger, para esto solo hay que seguir 3 simples pasos. Recordemos que el buscador siempre debe ir en una zona visible (principalmente al inicio). Otro punto es que este buscador de Blogger es más conveniente añadirlo si es que no se cuenta con Adsense de Google o sólo para complementarlo.

Para añadir el código debemos:

1.- Acceder al menú Plantilla >Elementos de página

2.- Aquí, agregaremos un elemento del sidebar de tipo HTML/Javascript

3.- Al campo de título podemos ponerle “Buscador” o dejarlo vacío, el campo de contenido sí debe tener el siguiente código:

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" type="text"/>
<input id="search-btn" value="Buscar" type="submit"/></form>

Resultado:


Pueden personalizar el texto Buscar por otro que ustedes deseen e incluso pueden añadirle estilos al botón, por ejemplo podrían añadirle códigos de CSS así:

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" type="text"/>
<input id="search-btn" style="border: #darkblack 1px solid; color:#204063; font-family: Verdana; font-size: 12px; text-align: center; width:70px; height: 25px; background-color: lightgray; font-weight: bold;" value="Buscar" type="submit"/></form>

Resultado:


Asi podrían ir jugando con otros diseños y parámetros de CSS. Cualquier duda postean.

¿Te gustó este artículo? Entonces apoya a este blog con tu voto, solo te tomará unos segundos, clic en el enlace de abajo para saber cómo votar. Muchas Gracias.

¿Cómo votar por KnxDT en 20 Blogs Peruanos?


Publicado en Blogger |

20 Comentarios para “Como agregar un buscador a tu blog de Blogger”

  1. Adri@nx dijo:

    Hola, una pregunta, este buscador es para hacer busquedas en la Web o dentro del blog? usa a google como motor?
    SAlu2

  2. KnxDT dijo:

    No usa a Google como motor y es para hacer búsquedas dentro del blog.

  3. Nando DD dijo:

    GRacias. Lo instale.

  4. KnxDT dijo:

    Hola Nando DD :D espero que te haya sido de utilidad. Saludos.

  5. NewsMaster dijo:

    Gracias… Por fin un buscador interno que funciona.
    Super agradecido

  6. KnxDT dijo:

    Hola newsmaster, que bueno que te haya servido, espero verte seguido por aquí, un abrazo.

  7. Julio Fernández dijo:

    Muchas gracias por esa información.
    Clara, sencilla y muy útil.

  8. maryquylla dijo:

    Muchas gracias, lo instalo ahora mismo… como veras estoy dando una ojeada a todo…es que mi blog esta un poco hecho polvo…

  9. maryquylla dijo:

    uy lo he puesto y ha quedado mal…lo dejo puesto para que veas como ha quedado…

  10. KnxDT dijo:

    No era tu culpa Mary, sino que cuando me pasé de Blogger a Wordpress algunas comillas ” se me cambiaron a ” y es eso lo que generaba el error, ya lo arreglé.

    Te agradecería que si ves más errores de códigos con comillas así me lo hagas saber y las modificaré.

    Gracias :up:

  11. Francisco dijo:

    Hice todo como dijiste, pero no paso nada, solo aparecieron dos espacion en blanco y en uno de ellos decia “Buscar” pero no hacia nada y no aparecia como boton sino como una caja de texto.

  12. KnxDT dijo:

    Pruébalo de nuevo Francisco, ya he modificado el código y lo acabo de probar en mi Blogger, anda bien :halo:

  13. Radix dijo:

    Muy bueno y sencillo, gracias!
    :up:

  14. KnxDT dijo:

    Bonito blog, Radix :smile:

  15. Alacran dijo:

    Funciona mb, gracias

  16. milena dijo:

    Gracias es lo que buscaba, algo sencillo y útil.

  17. Oscar GP dijo:

    Sin duda esta creo que es la mejor manera, draft.blogger.com ofrece una funcionalidad nueva, pero ralentiza mucho el blog.

    En mi web también explico esta manera de hacerlo

  18. jesy2474 dijo:

    Muchas gracias por el buscador, me funciona perfectamente, visible en el lugar que queria, y hasta me da resultados de la pelicula 300
    lo recomiendo

  19. RSB dijo:

    Muchisimas gracias, funciona a la perfeccion, es simple de instalar y hasta ace bonito, me habeis sido de gran ayuda, lo e instalado en http://el-equipo-a.blogspot.com/

  20. Ariel dijo:

    Muy buen post. El buscador funciona muy bien. Eso sí, tengo una pregunta. ¿Cómo lo ubico alineado a la derecha?

¿Te gusta este blog? Apóyalo con tu voto

Concurso Blogs Peruanos, Estamos buscando a los 20 mejores Blogs del Perú
Páginas Amarillas
¿Te gusta el blog? Entonces participa apoyándome con tu voto, mi blog está nominado en dos categorías Tecnología y Noticias. Para saber como votar y más haz clic en este enlace. Muchas Gracias!!

Suscripcion gratis via email

Ingresa tu dirección de email: