Sleek and Cool Search Boxes For WordPress!

Cool Search Boxes For WordPress?

1. Go to Dashboard > Appearance > Widgets > Available Widgets.
2. Drag Text widget into a sidebar.
3. Paste in the code.
4. Save.

Style 1

<style>
.search_form2 {
border-radius:10px !important;-moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        -o-border-radius: 13px;
        -ms-border-radius: 13px;
        -khtml-border-radius: 13px;
        border-radius: 13px;
background:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxMk-4EKD1qsf8AdOz24QtCf9SroPyAOPwc-Yjko7kvSqeAUaFUH7hyUJ0yyFGgRt7GwzpEh28g5xj901vw_mS09jmlcsOT3GCCUiCF4Lz8XwYgwBYJvJbRml_McSmt32q28Vfd5N5f2Q/s1600/black.png) no-repeat scroll center center transparent;height:50px;display:block; width:302px;}</style>
<center><form method="get" style="-moz-border-radius: 13px;
        -webkit-border-radius: 13px;        -o-border-radius: 13px;
        -ms-border-radius: 13px;        -khtml-border-radius: 13px;
        border-radius: 13px;"

 class="search_form2" action="http://allbloggingtips.com"><p>

<input type="text" id="s" style="background:transparent;
width:180px; border-radius:10px;
border:none;
margin:11px;
padding:4px; padding-top:6px !important;
padding-left:17px !important;
" name="s" value="Search in site..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/><input type="submit" value="Go" style="border:1px
solid rgba(0, 0, 0, .25);color:#FFF!important;margin-left:3px;background:#316ca4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhnKU2ybGlJhYdCrBkbAvgjScjsiHpXi58D4rCUBMi7UFES7FhnaY5l4X0LCa_5GbfWBLyzpi86FAiRh06ke5afrqwvu6pHH8O_g6xkWCXdxHGfmWbocrSH88NLPat42pCfP7zkOZCDCVg/s320/blue.png) repeat-x top;display:inline-block;
border-radius:5px; font-weight:bold;
width:57px; float:right; margin-right:11px;margin-top:11px; height:30px;" id="searchsubmit"></p></form></center>

Style 2

<style>
.search_form2 {
border-radius:10px !important;-moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        -o-border-radius: 13px;
        -ms-border-radius: 13px;
        -khtml-border-radius: 13px;
        border-radius: 13px;
background:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivcPUil3_B8AoY1swEmP2vlTqR2PqjOo5xcYT4FgkisB4DttFxOxL5b40BGST7nrVk42gGSxS3WPR3r9AeDKcLDBIihPM8TqxMYoyNOP2vU8FPzaeFlBYjvqSZq_7DFzkTTiMdYzK_lUY/s400/whitez+by+abt.png) no-repeat scroll center center transparent;height:50px;display:block; width:302px;}</style>
<center><form method="get" style="-moz-border-radius: 13px;
        -webkit-border-radius: 13px;        -o-border-radius: 13px;
        -ms-border-radius: 13px;        -khtml-border-radius: 13px;
        border-radius: 13px;"

 class="search_form2" action="http://allbloggingtips.com"><p>

<input type="text" id="s" style="background:transparent;
width:180px; border-radius:10px;
border:none;
margin:11px;
padding:4px; padding-top:6px !important;
padding-left:17px !important;
" name="s" value="Search in site..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/><input type="submit" value="Go" style="border:1px
solid rgba(0, 0, 0, .25);color:#FFF!important;margin-left:3px;background:#316ca4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhnKU2ybGlJhYdCrBkbAvgjScjsiHpXi58D4rCUBMi7UFES7FhnaY5l4X0LCa_5GbfWBLyzpi86FAiRh06ke5afrqwvu6pHH8O_g6xkWCXdxHGfmWbocrSH88NLPat42pCfP7zkOZCDCVg/s320/blue.png) repeat-x top;display:inline-block;
border-radius:5px; font-weight:bold;
width:57px; float:right; margin-right:11px;margin-top:11px; height:30px;" id="searchsubmit"></p></form></center>

Style 3

<style>
.search_form2 {
border-radius:10px !important;-moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        -o-border-radius: 13px;
        -ms-border-radius: 13px;
        -khtml-border-radius: 13px;
        border-radius: 13px;
background:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjc8k4R83uk9kn-R8J4saAz4EzUBzSopIpYE50ntKMi1L95KP2meIkOeTIkSVi0_SP0jsZS2QMgC6Xbd1uDoFEVAUckPj3Xy96E9FRZbbqXPA7wxizuvOvC-MHonaTkd9EoJhoTHJ4NXM/s400/bluez+by+allbloggingtips.png) no-repeat scroll center center transparent;height:50px;display:block; width:302px;}</style>
<center><form method="get" style="-moz-border-radius: 13px;
        -webkit-border-radius: 13px;        -o-border-radius: 13px;
        -ms-border-radius: 13px;        -khtml-border-radius: 13px;
        border-radius: 13px;"

 class="search_form2" action="http://allbloggingtips.com"><p>

<input type="text" id="s" style="background:transparent;
width:180px; border-radius:10px;
border:none;
margin:11px;
padding:4px; padding-top:6px !important;
padding-left:17px !important;
" name="s" value="Search in site..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/><input type="submit" value="Go" style="border:1px
solid rgba(0, 0, 0, .25);color:#FFF!important;margin-left:3px;background:#316ca4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhnKU2ybGlJhYdCrBkbAvgjScjsiHpXi58D4rCUBMi7UFES7FhnaY5l4X0LCa_5GbfWBLyzpi86FAiRh06ke5afrqwvu6pHH8O_g6xkWCXdxHGfmWbocrSH88NLPat42pCfP7zkOZCDCVg/s320/blue.png) repeat-x top;display:inline-block;
border-radius:5px; font-weight:bold;
width:57px; float:right; margin-right:11px;margin-top:11px; height:30px;" id="searchsubmit"></p></form></center>

Style 4

<style>
.search_form2 {
border-radius:10px !important;-moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        -o-border-radius: 13px;
        -ms-border-radius: 13px;
        -khtml-border-radius: 13px;
        border-radius: 13px;
background:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJLWT_AtaArcEqjNIAMo2BkA7PVtqhWa18Fc3kbvSHJN6H1w6Ayb7qZqzJ6LZxaEqgdDvpuw0_5A_MOdoYaIejGSmsih9gA4VydPWQOGza9u99mTIeoCZzmzfmZILh8cU4f2ZWIPltVVA/s400/transparent+by+allbloggingtips.png) no-repeat scroll center center transparent;height:50px;display:block; width:302px;}</style>
<center><form method="get" style="-moz-border-radius: 13px;
        -webkit-border-radius: 13px;        -o-border-radius: 13px;
        -ms-border-radius: 13px;        -khtml-border-radius: 13px;
        border-radius: 13px;"

 class="search_form2" action="http://allbloggingtips.com"><p>

<input type="text" id="s" style="background:transparent;
width:180px; border-radius:10px;
border:none;
margin:11px;
padding:4px; padding-top:6px !important;
padding-left:17px !important;
" name="s" value="Search in site..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/><input type="submit" value="Go" style="border:1px
solid rgba(0, 0, 0, .25);color:#FFF!important;margin-left:3px;background:#316ca4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhnKU2ybGlJhYdCrBkbAvgjScjsiHpXi58D4rCUBMi7UFES7FhnaY5l4X0LCa_5GbfWBLyzpi86FAiRh06ke5afrqwvu6pHH8O_g6xkWCXdxHGfmWbocrSH88NLPat42pCfP7zkOZCDCVg/s320/blue.png) repeat-x top;display:inline-block;
border-radius:5px; font-weight:bold;
width:57px; float:right; margin-right:11px;margin-top:11px; height:30px;" id="searchsubmit"></p></form></center>

Style 5

<style>
.search_form2 {
border-radius:10px !important;-moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        -o-border-radius: 13px;
        -ms-border-radius: 13px;
        -khtml-border-radius: 13px;
        border-radius: 13px;
background:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5McvBJeslVbxDSeho7ZuQ2SBPdGRgXgofmdkiH_l1Ojw8J2Uaik2OVoKmYSZ8xDYqTZvBzlF16gn3_uRsYMWuC47j8yn9qjDlY1IzdMp6smbsC8YsOY9W9aw-AEh1XyzL3xryzvgcq1A/s400/pinkz.png) no-repeat scroll center center transparent;height:50px;display:block; width:302px;}</style>
<center><form method="get" style="-moz-border-radius: 13px;
        -webkit-border-radius: 13px;        -o-border-radius: 13px;
        -ms-border-radius: 13px;        -khtml-border-radius: 13px;
        border-radius: 13px;"

 class="search_form2" action="http://allbloggingtips.com"><p>

<input type="text" id="s" style="background:transparent;
width:180px; border-radius:10px;
border:none;
margin:11px;
padding:4px; padding-top:6px !important;
padding-left:17px !important;
" name="s" value="Search in site..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/><input type="submit" value="Go" style="border:1px
solid rgba(0, 0, 0, .25);color:#FFF!important;margin-left:3px;background:#316ca4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhnKU2ybGlJhYdCrBkbAvgjScjsiHpXi58D4rCUBMi7UFES7FhnaY5l4X0LCa_5GbfWBLyzpi86FAiRh06ke5afrqwvu6pHH8O_g6xkWCXdxHGfmWbocrSH88NLPat42pCfP7zkOZCDCVg/s320/blue.png) repeat-x top;display:inline-block;
border-radius:5px; font-weight:bold;
width:57px; float:right; margin-right:11px;margin-top:11px; height:30px;" id="searchsubmit"></p></form></center>