Burflip Blog: Buscador Interno en tu blog tipo Blogger

Lo que os voy a explicar es un problema que he tenido hace poco puesto que no quiero mostrar la navbar de blogger pero al mismo tiempo quiero tener un botón de buscar en la web. Que el navbar no aparezca fue fácil:

Plantilla>Edición HTML>/* Headings */>>

Al final del todo, salto de línea y escriben esto:


#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

En mi blog, con la plantilla que tengo, funciona de la siguiente forma:


/* headings
----------------------------------------------- */

#header h1 {
margin: 0;
padding: 24px 0 0 84px;
background: url(http://img338.imageshack.us/img338/9140/flechaaw6.gif) no-repeat 25px 12px;
}

h2.date-header {
margin: 0;
padding: 0 0 0 29px;
text-transform: uppercase;
color: $dateHeaderColor;
background: url(http://img474.imageshack.us/img474/8308/fechayj8.gif) no-repeat 11px 0;
font-size: 80%;
font-weight: normal;
}

.date-header span {
margin: 0 0 0 5px;
padding: 0 25px 0 25px;
background: url(http://www.blogblog.com/thisaway/bg_date.gif) no-repeat 0 0;
}

.sidebar h2 {
padding: 1px 0 0 36px;
color: $sidebarHeaderColor;
background: url(http://img404.imageshack.us/img404/9373/lateralh2yb1.gif) no-repeat 13px 4px;
font: $headerFont;
font-weight: bold;
}

.sidebar .Profile h2 {
color: #333;
background: url(http://img251.imageshack.us/img251/9157/lateralh2rz5.gif) no-repeat 0 45%;
}

.post h3 {
margin: 13px 0 13px 0;
padding: 0;
color: $postTitleColor;
font-size: 140%;
}

.post h3 a, .post h3 a:visited {
color: $postTitleColor;
}

#comments h4 {
margin-top: 0;
font-size: 120%;
color: #333;
}

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

/* text
----------------------------------------------- */

Después de esto, el problema viene con el buscador, pero no os preocupeis, porque es muy fácil.
Lo que tenemos que hacer es crear en nuestro sidebar lateral un widget de HTML/JavaScript.
En el widget copias el código siguiente y lo pegaís en el widget.


<br/>

<center><form id="search

object

" action="/search" style="display:inline;" method="get">

<input value="Buscar" type="submit"/>

<input maxlength="255" name="q" size="15" type="text"/>

</form>

<br/><br/>

<a href="http://burflip.blogspot.com" title="Burflip's Blog"><img alt="Burflip Style" src="http://img106.imageshack.us/img106/6930/allpromotions2ie4.png" border="0" /></a></center>

Ejemplo:


<br/>

<center><form id="searchobject" action="/search" style="display:inline;" method="get">

<input value="Buscar" type="submit"/>

<input maxlength="255" name="question" size="15" type="text"/>

</form>

<br/><br/>

<a href="http://burflip.blogspot.com" title="Burflip's Blog"><img alt="Burflip Style" src="http://img508.imageshack.us/img508/810/allpromotions3sb5.png" border="0" /></a></center>

Ejemplo: