Entertainment is guaranted
All types of games softwares etc
» » Sleek and Cool Search Boxes For WordPress!


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

Sleek and Cool Search Boxes For WordPress!
<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/AVvXsEggjk6OjHBpetKtGrlIRuJlgEBql_uXG_toSnXCWF5M-dHst3uwIUY_mvhaA71OZJ71VXU29hgQBBZZU1_ANAyZshI9ur6JmCySfK3GDuoS5D61P-cTTz0LSkRthyMqfhxXuzatPLAl6jk/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/AVvXsEhUKqhO-zAWIGZZ8tNxqabMmXwuuXRxvh8n8kT8_iM4mSHvQsSL59yl5fPRp9LrbkZYcqmN_E4MqRKW0PwvgCuG8Mq0erF7mFTOZHSAGUed75GDZf2l9EJ-VQ4pygq7yw60P6N-VYZhfjEC/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

Sleek and Cool Search Boxes For WordPress!
<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/AVvXsEh4DnonMFzi8niAvefkjSjoIm5R7QwmrQrX_GyBXirqXW0pU7XcUSM48n4Rg_0dDcOoogo3qL7-1pJIoSoUp5Id7b5jUloXjDIZhbL5HyiOXUWJyY-YGDbZUe-8fdxCEzt3XC8myJILSpY/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/AVvXsEhUKqhO-zAWIGZZ8tNxqabMmXwuuXRxvh8n8kT8_iM4mSHvQsSL59yl5fPRp9LrbkZYcqmN_E4MqRKW0PwvgCuG8Mq0erF7mFTOZHSAGUed75GDZf2l9EJ-VQ4pygq7yw60P6N-VYZhfjEC/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

Sleek and Cool Search Boxes For WordPress!
<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/AVvXsEi_CeogP2GIHZXk5TtI4V-RPSPKIa8hgqZphqe7h48Zv_MwIckMRPtGmQTxW_wAe1kTFK-bgc_NbfVBseAY7l0gvlv1_BLDmXywVjo55_mMMelZAot1P7RQBxbL5i7DrofeKyp-1Jr_W9U/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/AVvXsEhUKqhO-zAWIGZZ8tNxqabMmXwuuXRxvh8n8kT8_iM4mSHvQsSL59yl5fPRp9LrbkZYcqmN_E4MqRKW0PwvgCuG8Mq0erF7mFTOZHSAGUed75GDZf2l9EJ-VQ4pygq7yw60P6N-VYZhfjEC/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

Sleek and Cool Search Boxes For WordPress!
<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/AVvXsEjw_E4n0jQ_rN5mQhR4iVLpv0lY-Vw2k2lNeaG9PARvrm85HrSSBTEv6pffl6UVSCaVLQElBaSYkX5amdxjVwESPMbMOYaE3rzd-g8oZePMt3vWPa4D2YxP4s0oQItSTvhTYUPLy62AeTo/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/AVvXsEhUKqhO-zAWIGZZ8tNxqabMmXwuuXRxvh8n8kT8_iM4mSHvQsSL59yl5fPRp9LrbkZYcqmN_E4MqRKW0PwvgCuG8Mq0erF7mFTOZHSAGUed75GDZf2l9EJ-VQ4pygq7yw60P6N-VYZhfjEC/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

Sleek and Cool Search Boxes For WordPress!
<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/AVvXsEjMdDljo-JprMf904l8H2lgL-ULGax5XkjtqAboP05X_m2EgQA3odN07VkD3jOA4rDg28c40FyzuA6vxhPvHGzS5K7k7dZWo_PvvJWILwRhYABvYhskePFNRqU_VTx7SFizEVufv37voLw/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/AVvXsEhUKqhO-zAWIGZZ8tNxqabMmXwuuXRxvh8n8kT8_iM4mSHvQsSL59yl5fPRp9LrbkZYcqmN_E4MqRKW0PwvgCuG8Mq0erF7mFTOZHSAGUed75GDZf2l9EJ-VQ4pygq7yw60P6N-VYZhfjEC/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>

02:43

0 comments:

Post a Comment

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

Subscribe to: Post Comments (Atom)
 
mybloggertrick © 2013. All Rights Reserved. Powered by Blogger
Top