colocar busca no menu do blogger

Clique na imagem para ampliar

Primeiramente,vá no modelo > editar html do seu blog e abaixo da tag <div id='header-wrapper'> cole isso:

<div id='menu'>

<ul>

<li>

<a href='http://grandestutos.blogspot.com.br/'>Home</a>

</li>

<li>

<a href='http://grandestutos.blogspot.com/p/parceiros.html'>Parceiros</a>

</li>

<li>

<a href='http://grandestutos.blogspot.com.br/search/label/download%20completo'>Downloads</a>

</li>

  <li>

<a href='http://andy-layouts.blogspot.com.br/'>Layouts / Templates</a>

</li>

  <li>

<a href='http://grandestutos.blogspot.com.br/2012/01/conhecer-o-htmlhtml-tags.html'>Tags</a>

</li>

</ul>

<div id='busca'>

 <form action='/search' id='textpesquisa' method='get'>

<label class='hidden' for='s'/>

<div>

<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Digite sua busca ...&quot;;}' onfocus='if (this.value == &quot;Digite sua busca ...&quot;) {this.value = &quot;&quot;;}' type='text' value='Digite sua busca ...'/>

<input id='botaobuscar' type='submit' value='↲'/>

</div>

</form>

  </div>

    </div>

Agora vamos na parte do css,procure pela tag ]]></b:skin> e cole isso em cima dela:

/* Menu css 01

-----------------------------------------------

*/

#menu{

padding-left:12px;

-moz-border-radius-topleft: 0px;

-moz-border-radius-topright: 0px;

-moz-border-radius-bottomright: 15px;

-moz-border-radius-bottomleft: 15px;

-webkit-border-radius: 0px 0px 15px 15px;

border-radius: 0px 0px 15px 15px;

float: left;

width:1011px;

height:40px;

background:#3d3d3d;

color: #fff;

}

#menu ul{

margin: 0;

padding:0;

list-style:none;

}

#menu ul li{

float: left;

}

#menu ul li a{

color:#f7f5f4;

list-style:none;

text-decoration:none;

padding:15px;

display:block;

}

#menu ul li a:hover{

background: rgb(96,108,136); /* Old browsers */

background:#56637F;

color:#fff;

height:10px;

}

/* Busca / Pesquisa / icones

------------------- */

 

#busca {

float:right;

padding-right:11px;

margin-top:6px;

}