Voy a explicar cómo se consigue un buscador interno para vuestro blog, e incrustarlo en la cabecera (cómo el que yo tengo), pues bien, allá vamos!! cool

Tenemos que añadir este código en la cascada CSS, como siempre antes de

]]></b:skin>

Colocamos esto:

#searchbox{
float:right;
height:29px;
width:267px;
margin-top:-113px;
}
.search{
height:28px;
width:220px;
font-size:20px;
}

Ahora buscamos sin expandir artilugios, (recuerdo que para buscar, podemos hacerlo pulsando la tecla F3 ó Ctrl+F).

<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’/>
</div>

Y justo después añadimos esto:

<!– End Title –>

<div id=’searchbox’>
<form action=’/search’ id=’searchform’ method=’get’>
<div style=’float:left’><input class=’search’ id=’q’ name=’q’ style=’padding-left:8px; border:0px solid #dbd6c3′ type=’text’ value=”/>
</div><div style=’float:right’> <input class=’btnSearch’ id=’searchsubmit’ src=’http://i304.photobucket.com/albums/nn161/Juanjopetiso/buscar-1.png’ type=’image’ value=”/></div>
</form>
</div>

Depende de lo grande de cómo sea nuestra cabecera, en el CSS, donde dice margin-top: -113 ir probando más ó menos (más alto ó más bajo) y también la colocación (en el código de arriba) donde pone <div style=’float:left’> podemos cambiar “left” (izquierda) por “right” (derecha).

Podeís usar la misma “Lupa” que he usado yo o si lo que quereís es cambiarla sólo teneís que cambiar vuestra imagen por la URL.

‘http://i304.photobucket.com/albums/nn161/Juanjopetiso/buscar.png’

El resultado podeís verlo en este mismo blog!!