segunda-feira, 11 de agosto de 2008

Como montar um botão de pesquisa do Blogger em seu Blog

Este botão é o mesmo que aparece na barra do Blogger no topo do blog. No entanto você pode querer ocultar a barra do Blogger ou simplesmente deixar esta busca mais visível adicionando-a num novo elemento de página na barra lateral. O procedimento para isto é simples.
  1. Faça login em http://www.blogger.com/ .
  2. Acesse a página LAYOUT de seu blog (ver figura abaixo).

    Painel
  3. Na página LAYOUT clique em ADICIONAR GADGET (abaixo).

    Adicionar Gadget
  4. Nas opções que lhe serão apresentadas selecione HTML/Javascript (abaixo).

    HTML/Javascript
  5. Na nova janela que aparecerá cole este código:

    <form action="/search" name="f"><table cellspacing="0" cellpadding="0">
    <tbody>
    <tr valign="top">
    <td width="25%"></td>
    <td align="middle"><input onfocus="if(this.value=='Digite sua busca aqui')this.value='';" maxlength="2048" title="Pesquisa Google" value="Digite sua busca aqui" onblur="if(this.value==''){this.value='Digite sua busca aqui'}" style="WIDTH: 131px; HEIGHT: 19px" size="19" name="q"/></td>
    <td width="25%"><span style="font-size:0;"></span></td></tr>
    <tr>
    <td colspan="3" align="middle"><span style="font-size:0;"><span style="TEXT-ALIGN: left"><label for="lgr"><input value="Pesquisar Blog" name="btnG" type="submit"/>
    </label><label for="cty">
    </label></span></span></td></tr></tbody></table></form>

    Salve o elemento de página e visualize seu blog.

    Caso você queira mudar o que aparece escrito no botão PESQUISAR BLOG modifique o texto que acima está em vermelho para o que quiser. Caso também deseje modificar o texto que aparece no campo onde você digita a busca modifique as duas partes do código em azul (as duas partes do código devem ter o mesmo texto).

7 comentários:

Camilla disse...

Muito bom!
Eu estava utilizando o do Google, mas ele não estava funcionando... Eu já troquei por este, e está ótimo!!!

Guilherme disse...

Poxa, cara. mt bom mesmo, eu andei procurando em mt, e mt sites um código que funcinasse bem. O seu funciona. Brigado.

Walber disse...

Muuito boa a dica .. tava procurando isso a um tempo jah.. e essa ae tah funcionando perfeitamente.. VLZ

Man Filho disse...

Você é o cara! muito bom esse código!

Gean Machado disse...

funcionou blz

Blackout Max disse...

Nossa show de bola hein, esse dai eh 100% eficiente valeu !!

Mateus disse...

Muito bom esse ele é melhor pois ele mostra o que esta no blog,

aquela caixa pesquisa que mostra paginas do google

muito ruim

Faça o seu comentário!

Obrigado por deixar seu comentário! Para outros assuntos veja também: