<style>#searchcontainer {
width:350px; /*background search box image's width size*/
height:50px;/*background search box image's height size*/
padding:0px;
margin:0px;
position:relative; /*important*/
}
 
#searchcontainer form { display:inline ; }
 
.searchbox {
border:0px;
background-color:transparent;
position:absolute;
top:9px;
left:33px;
width:220px;
height:25px;
}
 
.searchbox_submit {
border:0px;
background-color:transparent;
position:absolute;
top:9px;
left:234px;
width:84px;
height:25px;
}</style>

<div id="searchcontainer" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRxjL-0QfkbPFoRIcOew9ubh35hXArNj47L7WmsngN1FjEkXb8YdTdZ8f4pmDGySzlP-HWI06aCOrfoP5AbnRV1HF_0OO1nEu5Tcp_EhATpyiC3du8PWeT9B71Z5OLR54_JPuo6o08vjln/s1600/red.png);background-repeat:no-repeat;">
<form action="ADD YOUR BLOG URL HERE" id="cse-search-box">
  <div>
    <input type="text" name="s" class="cleardefault" value="Search Now" id="s" />

       <input type="text" class="searchbox" name="q" value="" />
 <input name="image" type="image" class="searchbox_submit" value="" src="" />
  </div>
</form>
</div>