Ahora le ensañare a integrar un buscador Personalizado de Google en su Pagina Web/Blog , un ejemplo lo pueden ver en el buscado de mi Web.
Empecemos…
1.-
Tenemos que estar registrados en Google (Gmail, Blogger) luego iremos a esta pagina http://www.google.com/cse y nos logearemos.
2.-
Rellenaremos los campos del Formulario y crearemos nuestro motor de búsqueda luego lo provaremos y nos vamos a finalizar.
3.-
Después aremos click en “Panel de Contro” y Buscaremos donde dice Search engine unique ID
4.-
Ubicado el ID Lo Copiaremos A Este Otro Codigo:
<form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
<div>
<input type="hidden" name="cx" value="AQUÍ EL ID" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input value="ISO-8859-1" name="ie" type="hidden"/>
<input id="s" name="q" size="26" type="text"/>
</div>
</form>
Listo ya solo tienes que editar el estilo para tu WEB
5.-
Si queremos darle un poco de estilo nos vamos a la parte izquierda donde dice diseño y lo tuneamos a nustro gusto.
Integrar Tu Buscador a Blog/Blogger
Como podrás ver en ciertas plantillas de blogger tren integrado un buscador
Pero a muchos de nosotros no nos gusta XD, lo que aremos será dejar el estilo de ese buscador pero que funcione como el de Google
Empecemos…
Ya obtenido el codigo anterior iremos a “Editar Diseño” > “Edición HTML” y en la plantilla después de la etiqueta </b:skin> buscaremos la etiqueta <DIV class='searchbox'>
(o algo similar ya que no todas la plantillas son iguales) y lo modificaremos de la siguiente forma
1.-
Este
<FORM action='/search' id='searchform' method='get'>
por este:
<form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
<div>
<input type="hidden" name="cx" value="AQUÍ EL ID" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input value="ISO-8859-1" name="ie" type="hidden"/>
2.-
buscamos esta parte y la eliminamos: onclick='this.form.searchword.focus();'
<input id='search-btn' onclick='this.form.searchword.focus();' src='http://i993.photobucket.com/albums/af57/J-shi/Go.jpg' type='image' value='Search'/>
</form>
3.-
Y antes de </form> colocaremos </div>
Y el código completo nos quedara así:
<div class='searchbox'>
<form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
<div>
<input type="hidden" name="cx" value="AQUÍ EL ID" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input value="ISO-8859-1" name="ie" type="hidden"/>
<div class='search'> <input id='s' name='q' type='text' value='Search...'/></div>
<input id='search-btn' src='http://i993.photobucket.com/albums/af57/J-shi/Go.jpg' type='image' value='Search'/>
</div>
</form>
</div>
espero lo aya explicado bien y espero que les sirva