Pure CSS Simple Search Box for Blogger

Here is interesting Simple bar for your Blogger Blog. The bar looks very cool and I personally like it. So hurry and add to your best blog. Follow the Instruction below.

• Go th Blogger Dashboard
• Click on layout
• Click on Add a Gadget
• Open for HTML/Javascript
• Paste the Below code in it and Click on save Button

<div id="buildnextweb3">
<form action="/search">
<input id="BNWinput" name="q" type="text" />
  <input id="BNWsubmit" type="submit" value="Search" />
 </form>
</div>
<style>
#buildnextweb3 {
 display: block;
 clear: both;
 margin: 10px 0;
}

#buildnextweb3 #BNWinput {
 background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTpMQR1r_kQoef1C1ml8ZeP7WlLqRMF8-Vq67xAhTMaWejrEP4B2siouHnWM_zYoYkjSf-kL2yzGXp1PqRTDqxcjbYAMESSHy5Yjk_Y6J-F9PunOFTF3JQMfdA2bvTdsktekLDQBgnh82M/s20/Search-icon.png") no-repeat scroll 8px center transparent !important;
 padding: 7px 15px 7px 35px !important;
 color: #444;
 font-weight: bold;
 text-decoration: none;
 border: 1px solid #D3D3D3 !important;

 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;

 -webkit-box-shadow: 1px 1px 2px #CCC inset;
 -moz-box-shadow: 1px 1px 2px #CCC inset;
 box-shadow: 1px 1px 2px #CCC inset;
}

#buildnextweb3 #BNWsubmit {
 color: #444;
 font-weight: bold;
 text-decoration: none;
 padding: 6px 15px;
 border: 1px solid #D3D3D3;
 cursor: pointer;

 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;

 background: #fbfbfb;
 background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
 background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
 background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
 background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
 background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
</style>