dilluns, 13 de desembre del 2010

Insertar una barra de búsquedas de Google en cualquier parte del blog

Hola, volviendo a lo interesante y no cosas de principiante aprenderemos a añadir un buscador interno es facil solo sigan los siguientes pasos:

1.- Añdimos un widget Html/Javascript con el siguiente codigo:


<center><form id="searchthis" action="http://francadenas.blogspot.com/search" style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="15" type="text"/>
<input id="b-searchbtn" value="Search" class="blue" type="submit"/>
</form></center>


2.- Y si quieres ponerle una imagen que remplaze el boton buscar:


<form action='/search' id='searchthis' method='get' style='display:inline;'>
<input id='search-box' name='q' onblur='if (this.value == "") this.value = "Buscar en el Blog";' onfocus='if (this.value == "Buscar en el Blog") this.value = "";' type='text' value='Buscar en el Blog'/>
<input class="submit" type="submit" value="Buscar" />
</form>


3.- Buscador con texto en cuadro de texto; Incluye texto dentro del cuadro donde se coloca la palabra a buscar y el botón buscar:


<form action='/search' id='searchthis' method='get' style='display:inline;'>
<input id='search-box' name='q' onblur='if (this.value == "") this.value = "Buscar en el Blog";' onfocus='if (this.value == "Buscar en el Blog") this.value = "";' type='text' value='Buscar en el Blog'/>
<input class="submit" type="submit" value="Buscar" />
</form>


4.- Y tambien Una imagen que reemplaze el boton buscar y una imagen dentro del textarea:


<form action='/search' id='searchthis' method='get' style='display:inline;'>
<input id='search-box' name='q' onblur='if (this.value == "") this.value = "Buscar en el Blog";' onfocus='if (this.value == "Buscar en el Blog") this.value = "";' type='text' value='Buscar en el Blog'/>
<input alt='Buscar' border='0' src='http://upload.wikimedia.org/wikipedia/commons/thumb/e/ef/Crystal_Clear_app_xmag.png/32px-Crystal_Clear_app_xmag.png' type='image'/>
</form>


Y listo :) .