Caixinhas de busca para blogs
Autor: Alberto | Publicado: 2009-01-01T13:23:00-02:00

Olá caros leitores! Antes de mais nada, Feliz Ano Novo à todos! Eu pretendia fazer uma postagem desejando-lhes o melhor&nbsp;para 2009 ontem, porém com a chuvinha que deu por aqui fiquei sem internet :(. E vamos agora à primeira postagem do ano! (lol) 

Como muitos de meus leitores gostaram da dica de como montar uma caixa de pesquisa em blogs&nbsp;montei um modelo de caixinha simples, porém bonito e funcional. Os quatro modelos abaixo podem ser instalados muito fácilmente - basta clicar no modelo escolhido. Escolha e divirta-se! ;)




&lt;input value="CAIXA DE BUSCA por http://mestreblogger.blogspot.com" type="hidden"/&gt;
&lt;style type="text/css"&gt;
.moldura {
color: #6d6845;
border: 8px solid #330066;
background-color: #330066;
width: 248px;
}
.caixa {
color: #666666;
font-family:'trebuchet ms',helvetica,sans-serif;
border: 1px solid #000000;
background-color: #ffffff;
font-size:100%;
font-color: #cccccc;
align:center;
}
.botao {
color:#0000000;
font-family:trebuchet ms,helvetica,sans-serif;
font-size:100%;
background-color:#cccccc;
border: 1px solid #000000;
}
&lt;/style&gt;
&lt;div class="moldura"&gt;
&lt;form id="searchthis" action="/search" style="DISPLAY: inline" method="get"&gt;
&lt;input onfocus="if(this.value=='Sua busca aqui...')this.value='';" maxlength="255" value="Sua busca aqui..." id="b-query" onblur="if(this.value==''){this.value='Sua busca aqui...'}" size="26" class="caixa" name="q"/&gt;
&lt;input value="OK" class="botao" type="submit"/&gt;&lt;/form&gt;
&lt;/div&gt;









&lt;input value="CAIXA DE BUSCA por http://mestreblogger.blogspot.com" type="hidden"/&gt;
&lt;style type="text/css"&gt;
.moldura {
color: #6d6845;
border: 8px solid #6d6845;
background-color: #6d6845;
width: 248px;
}
.caixa {
color: #666666;
font-family:'trebuchet ms',helvetica,sans-serif;
border: 1px solid #000000;
background-color: #ffffff;
font-size:100%;
font-color: #cccccc;
align:center;
}
.botao {
color:#0000000;
font-family:trebuchet ms,helvetica,sans-serif;
font-size:100%;
background-color:#cccccc;
border: 1px solid #000000;
}
&lt;/style&gt;
&lt;div class="moldura"&gt;
&lt;form id="searchthis" action="/search" style="DISPLAY: inline" method="get"&gt;
&lt;input onfocus="if(this.value=='Sua busca aqui...')this.value='';" maxlength="255" value="Sua busca aqui..." id="b-query" onblur="if(this.value==''){this.value='Sua busca aqui...'}" size="26" class="caixa" name="q"/&gt;
&lt;input value="OK" class="botao" type="submit"/&gt;&lt;/form&gt;
&lt;/div&gt;









&lt;input value="CAIXA DE BUSCA por http://mestreblogger.blogspot.com" type="hidden"/&gt;
&lt;style type="text/css"&gt;
.moldura {
color: #6d6845;
border: 8px solid #cc6600;
background-color: #cc6600;
width: 248px;
}
.caixa {
color: #666666;
font-family:'trebuchet ms',helvetica,sans-serif;
border: 1px solid #000000;
background-color: #ffffff;
font-size:100%;
font-color: #cccccc;
align:center;
}
.botao {
color:#0000000;
font-family:trebuchet ms,helvetica,sans-serif;
font-size:100%;
background-color:#cccccc;
border: 1px solid #000000;
}
&lt;/style&gt;
&lt;div class="moldura"&gt;
&lt;form id="searchthis" action="/search" style="DISPLAY: inline" method="get"&gt;
&lt;input onfocus="if(this.value=='Sua busca aqui...')this.value='';" maxlength="255" value="Sua busca aqui..." id="b-query" onblur="if(this.value==''){this.value='Sua busca aqui...'}" size="26" class="caixa" name="q"/&gt;
&lt;input value="OK" class="botao" type="submit"/&gt;&lt;/form&gt;
&lt;/div&gt;









&lt;input value="CAIXA DE BUSCA por http://mestreblogger.blogspot.com" type="hidden"/&gt;
&lt;style type="text/css"&gt;
.moldura {
color: #6d6845;
border: 8px solid #993300;
background-color: #993300;
width: 248px;
}
.caixa {
color: #666666;
font-family:'trebuchet ms',helvetica,sans-serif;
border: 1px solid #000000;
background-color: #cccccc;
font-size:100%;
font-color: #000000;
align:center;
}
.botao {
color:#0000000;
font-family:trebuchet ms,helvetica,sans-serif;
font-size:100%;
background-color:#cccccc;
border: 1px solid #000000;
}
&lt;/style&gt;
&lt;div class="moldura"&gt;
&lt;form id="searchthis" action="/search" style="DISPLAY: inline" method="get"&gt;
&lt;input onfocus="if(this.value=='Sua busca aqui...')this.value='';" maxlength="255" value="Sua busca aqui..." id="b-query" onblur="if(this.value==''){this.value='Sua busca aqui...'}" size="26" class="caixa" name="q"/&gt;
&lt;input value="OK" class="botao" type="submit"/&gt;&lt;/form&gt;
&lt;/div&gt;