Box de busca p/ sidebar

Aqui estou eu de novo para trazer um gadget de caixa de busca para a sidebar do blog.
Este é resultado finál como pode vêr na imagem acima.
Bem simples mas vistosa e fácil de colocár no blog.
Mas visualize online: ENTRE AQUI...
Vamos em esquema no seu painel do blog e adicione um gadget html/javascript e cole meu código dentro...

<style>
#buscabox-bt{border:solid 1px #ccb3cc;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
background:#99f2f2;text-align:left;padding:6px 24px 6px 6px}
#buscabox-bt #s{background:none;color:#000;border:0;width:100%;padding:0;margin:0;outline:none}
#content-buscabox-bt{width:280px;padding:15px 0}
#bt-busca{float:right;margin-top:16px}
#bt-busca #s{width:270px}
</style>
<div id='bt-busca'>    
<div id='buscabox-bt' title='Pesquisar'>
    <form expr:action='data:blog.homepageUrl + &quot;search/&quot;' id='searchform' method='get'>
        <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Pesquisar&quot;;}' onfocus='if (this.value == &quot;Pesquisar&quot;) {this.value = &quot;&quot;;}' type='text' value='Pesquisar'/>
    </form>
</div>
</div>

Simples né agora salve e visualize ...
Disponha se tiver alguma dúvida ou questão até mais...

Box de busca p/ sidebar

► 0

► box vários

► Cartita