Hacktime

Que seria de la web sin este blog

::Buscador interno de en blog::

Posted by yaju en mayo 24, 2007

::Buscador interno de en blog::
.
La mayoria de los blog’s cuenta con un buscador interno, pero más que interno es externo, estos blog’s o bien ustedes en mayoria suelen utilizar el buscador “BlogSearch”, un buscador de blog’s propiedad de Google.
Este código resulta ser molesto y a la vez incomodo ya que sales del blog.
En esta ocasion tratremos de poner un buscador el su blog con el cual la buaqueda no los mande a otra pagina que no sea su blog.
Hay varias alternativas en cuanto este “hack”, puedes colocarlo debajo del título o en tu sidebar, como más cómodo te quede. El código de buscador será el siguiente, pueden ver alguna que otra alternativa.
.
1)Buscador Simple, Solamente el botón “buscar” y el cuadro de texto.

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

2)Buscador con imagen. Incluye una imágen sustituyendo el botón que generalmente dice “Buscar” también incluye el cuadro de texto.

<form id=”searchthis” action=”/search” style=”display:inline;” method=”get”>
<input id=”search-box” name=”q” type=”text”/>
<input border=”0″ alt=”Buscar” src=”http://upload.wikimedia.org/wikipedia/commons/thumb/e/ef/Crystal_Clear_app_xmag.png/32px-Crystal_Clear_app_xmag.png&#8221; type=”image”/>

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)Buscador con Imágen en el botón buscar y texto en el cuadro de texto. Incluye texto en el cuadro que introducimos en la palabra a buscar y cambia el botón “Buscar” por una imagen (en este caso una lupa)

<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&#8217; type=’image’/>
</form>

Bien, todas esas son las alternativas que presenta un buscador interno que sea útil, ahora hay que colocarlo donde queramos, para eso hay otras alternativas también.

a) Colocarlo debajo de título, como aparece en mi blog.

Para eso nos vamos a Plantilla–>Edición HTML–>Buscamos—>

<div id=’crosscol-wrapper’ style=’text-align:center’>
<b:section class=’crosscol’ id=’crosscol’ showaddelement=’no’/>
<——-Aqui el codigo que eligas——–>
</div>

Espero q estos hacks les sirvan.

No olviden dejar sus comentarios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: