Poner buscador personalizado en blogger


Tener un buscador en nuestro blog es importante porque facilitará a nuestros lectores el encontrar determinado contenido y aplicará más precisión y exactitud así que les compartire algunos buscadores diferentes diseños para que escojan y los pongan su instalación es fácil veamos:

Para agregar este buscador muy sencillo simplemente iremos a Diseño | añadir un Gadget | HTML/JavaScript y pegamos 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>
Quedaría así este buscador:
 

El segundo buscador es un poco mejor de Google, para agregarlo implementaremos este mismo código de la misma forma que el anterior:


<form action="http://www.google.com/search" method="GET">
<input value="UTF-8" name="ie" type="hidden"/>
<input value="UTF-8" name="oe" type="hidden"/>
<table bgcolor="#FFFFFF">
<a href="http://www.google.com/">
<img border="0" alt="Google" src="http://www.google.com/logos/Logo_25wht.gif"/>
</a>
<input maxlength="255" value=""
name="q" size="15" type="text"/> <input value="Buscar" name="btnG" type="submit"/>
<font size="-1">
<input value="URL DEL BLOG"
name="domains" type="hidden"/><br/><input value=""
name="sitesearch" type="radio"/> la Web<input checked value="URL DEL BLOG" name="sitesearch" type="radio"/> NOMBRE DEL BLOG<br/>
</font>
</table></form>
Este buscador se vería algo así: 


Google
la Web BlogginRed
Modificamoslo que está en color ROJO por lo que se pide y listo guardamos.
El tercer buscador muy dinámico y normal para agregarlo usaremos y pegaremos este código de la misma forma que los anteriores:


<div align="center"><form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text">
<a href="URL DEL BLOG" target="_blank"><img
src="http://sites.google.com/site/pczeros/Home/1t.gif" border=0 alt="gadgets para blogger"/></a>
<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></div>
Ahora cambiamos lo que está en color ROJO por el link del blog incrustamos y guardamos es todo. Y se vería de la siguiente forma:
gadgets para blogger

4 comentarios:

  1. Hola! instale el buscador pero necesito ayuda para personalizar el gadget de buscar en el blog, no se ajusta a mi versión móvil ni a la versión web, espero que puedas ayudarme! gracias, saludos

    ResponderBorrar
    Respuestas
    1. Hola Agustina Que tipo de problema tienes podrías dejarme la dirección de tu blog o una captura de pantalla la puedes colgar en tinypic.com y pegas el link de la misma.

      Saludos,

      Borrar

ESTAMOS EN: