Pesquisa ao lado do menu no Blogger/Blogspot[EDIT]

Como vocês ja repararam,com este novo template veio a pesquisa no menu,então eu fui envestigar no "Editar HTML" e descobri como fazer,como eu adoro vocês,queridos leitores do ByteBlog,resolvi ensinar-vos ;).
È um hack +/- dificil.
Para por a pesquisa no menu vocês terão de tirar o gadget "Páginas" e adicionar as páginas manualmente(no Editar HTML)
E recomendamos que faça primeiro num blog de testes.
Ok,entre em Layout>Editar HTML,faça backup do template e procure(Crtl+F)por:

]]></b:skin>

E acima dele,cole o seguinte código:

#topsearch {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf_nKYSsMcACzpgRLtrCK_IyrPeFIjTmdTF_mYbbgxra2YSDGaJmF9Aimc8XBH9_JHtf9qRwypEmCwAwnPXsGGwUAx5JEkleASbU2Q5Vv0enjZ5bMfu6k48EL9OALkJh-6fjRN6nF9XPxb/s1600/searchbg.gif") no-repeat scroll right top transparent;
float:right;
height:24px;
margin:-30px 12px 0 0;
padding:0;
width:180px;
}
#searchform {
float:right;
margin:0;
padding:0;
width:180px;
}
#searchform #searchfield {
background:none repeat scroll 0 0 transparent;
border:0 none;
color:#AAAAAA;
float:left;
height:22px;
margin:0;
padding:4px 0 0 5px;
width:146px;
}
#searchform #submitbutton {
background:none repeat scroll 0 0 transparent;
border:0 none;
float:right;
font-size:8pt;
height:24px;
margin:0;
text-align:center;
text-indent:-10000em;
width:26px;
}

Ok,agora procure por:

<div id='header-wrapper'>

E abaixo desse código deve estar o do cabeçalho,que é este:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>


<b:widget id='Header1' locked='true' title='Blogdetestes (Cabeçalho)' type='Header'/>

</b:section>

</div>

Por,isso,cole ABAIXO desse código o seguinte:

<div class='navcontainer'>
<ul id='nav'>

E para adicionar páginas,o código é este:

<li><a href='LINK DA PÁGINA'>NOME DA PÁGINA</a></li>

Vá adicionando este código com as páginas(recomendamos que não adicione muitas páginas),e quando não haver mais nenhuma página,cole abaixo do código da última página este código:

</ul>

E agora é o código da pesquisa,que é este:

<div class='clearfix' id='topsearch'>

<form action='/search' id='searchform' method='get'><input id='searchfield' maxlength='50' name='q'/><input alt='IR' id='submitbutton' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMVI0KSEjtGtzhGOnI-R2wU-hCkRRpfloTDkPSQLQLmxPbkd58iAo7ON9ClSspfdZhM-uYNVO6AGe5xIfFKvx3OhVJt_arkhGoZ6Xec5xeO5A2pBbfV41VsvWGOKp-iRdwkuvzVJgbkVcM/s1600/blank.gif' type='image'/></form>
</div>
</div>

Salve e veja como ficou.
Se houver alguma dúvida comentem!

ATENÇÃO:Este post foi editado dia 21-04-2010,recomendo que já tiver feito faça tudo de novo como está aqui. E continua a não funcionar em todos os templates.
Post editado de novo,agora deve funcionar em todos os templates.

Tags: Blogger,Hacks