Barra de pesquisa para site ou blogger

 

                Copie o código abaixo

         Veja a image

<style type="text/css"> 

#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWdyfdkCLBou6FnoKPOjQs43uuc1p53VNK8fEbG-xv6t0ziWzVSDlVO9fSZ_HQxlLBre-ADpbBglsGmjVcLapAWrgYuysSFcCd6Z7YwWNRmKjPzEYd0YTf5DFJKssvB8I6PajRWXNobkPb/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}

form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} 

form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}

form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}

</style>    <div id="w2b-searchbox">

  <form id="w2b-searchform" action="/search" method="get">

      <input type="text" id="s" name="q" value="Buscar..." onfocus='if (this.value == "Buscar...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Buscar...";}'/>     <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />  </form>

</div>