Caixa de pesquisa- modelo 2

Views:
<style>
#searchb {
float: left;
margin: 30px 0
}
#searchb input[type="text"], #searchb textarea {
background: none repeat scroll 0 0 #F9F9F9; /*cor de fundo onde digitamos a pesquisa*/
 border: 0 none;
 float: left;
 height: 20px;
    padding: 5px 10px;
    width: 120px;
    -webkit-border-radius: 5px 5px 5px 5px; /*grau de arredondamento da área onde digitamos*/
    -moz-border-radius: 5px 5px 5px 5px; /*grau de arredondamento da área onde digitamos*/
    border-radius: 5px 5px 5px 5px;/*grau de arredondamento da área onde digitamos*/
    -webkit-box-shadow: 0 2px 2px #000, 0 3px 10px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 2px 2px #000, 0 3px 10px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 2px 2px #000, 0 3px 10px rgba(0, 0, 0, 0.4) inset;
    font-family: arial, helvetica, sans-serif; /*tipo de fonte*/
    font-size: 15px; /*tamanho da fonte */
    }
#searchb .go {
    -webkit-border-radius: 5px 5px 5px 5px;  /*grau de arredondamento do botão Buscar*/
    -moz-border-radius: 5px 5px 5px 5px; /*grau de arredondamento do botão Buscar*/
    border-radius: 5px 5px 5px 5px; /*grau de arredondamento do botão Buscar*/
    -webkit-box-shadow: 0 2px 2px #000, 0 -2px 10px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0 2px 2px #000, 0 -2px 10px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 2px 2px #000, 0 -2px 10px rgba(0, 0, 0, 0.5) inset;
    background: #fc0061; /*cor normal do botão*/
    border: 0 none;
    font-size: 15px; /*tamanho da fonte do botão Buscar*/
   font-family: arial, helvetica, sans-serif; /*tipo de fonte do botão Buscar*/
    height: 30px;
    margin: 0 10px;
    padding-bottom: 3px;
    text-shadow: 0 1px rgba(255, 255, 255, 0.35);
    width: auto;
    cursor: pointer
 }

#searchb .go:hover {
         background: #ccc; /*cor do botão Buscar em estado hover*/
}
</style>

<form id="searchb" action="ENDEREÇO COMPLETO DE SEU BLOG/search-results/" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="ID DE SEU BLOG:yojsvasam2s" />
    <input type="hidden" name="cof" value="FORID:11" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="31" placeholder="Pesquise no site"/>
    <input type="submit" name="sa" value="Buscar" class='go'/>
  </div>
</form>

Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage