Hindihelp4u

टेक्नोलॉजी टिप्स और ट्रिक्स

You are here: Home / Uncategorized / Blog me Cool stylish search box kaise lagaye ?

Blog me Cool stylish search box kaise lagaye ?

by

Hi doston Hindihelp4u me aapka suagat hai. Aaj main apko is post me Blog ke Search box ke bare me batane ja raha hu, apne blog me serch box lagana bahut jaruri hai. Serch box sabhi blog me laga hona chahiye Aayiye jan lete hai serch box lagane ke fayde.
Blogger-blog-me-cool-stylish-serch-box-kaise-lagaye
Top cool sech box for blog

Blogger blog me Cool stylish search box kaise lagaye ?

विषय सूची देखे

Serch box lagane ke fayde kya hai?

Dosto serch box keval aapke blog ko increase hi nahi karta, Balki ye aapke jo visiters hote hai unko blog se kuch contant ya topic serch karke aasani se pad sakte hai.Jis se visitor ko koi problem nahi hoti.

Blogger blog me search box lagaye ?

Blogger blog  me search blog lagana bahut hi aasan hai, pahle aapko niche diyr gaye search box me jo bhi search box pasan aaye uske niche code diya gya hai usko copy kar lena hai.

  • Sabse pahle blogger blog ke dashboard me jaye, aur Layout section per Click kare.
  • Layout ke section me jaha bhi aapko search box add karna hai, section element per tick karen.
  • Jiske baad new popup Gadget window open hogi, jime aapko HTML/Javascript select karna hai.
  • Ab copy kiye huye search box code paste kar dena hai.
  • Save the gadget per click karke save kar de.
  • Bas aapne search box apne blogger blog me add kar liya hai.

WordPress blog me search box  lagaye ?

WordPress blog me bhi aap ye search box add kar sakte hai, iske liye aapko search box choose karke uska code copy kar lena hai. Aur niche step follow karke apne wordpress blog me add kar lena hai.

  1. Sabse pahle apne wordpress ke dashboard me jaye.
  2. Ab Appearance section me Widget ka option per click karen.
  3. Widget section me text name se ek Widget hoga usper Click karen aur side bar me section ko add karen.
  4. Ab copy kiye hhe code ko paste karke save kar de.

Badms aapke wordpress blog me custom stylish search box add kar liya hai.

5 stylish search box with code ?

Style 1

Blogger-blog-me-cool-stylish-serch-box-kaise-lagaye
<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(http://2.bp.blogspot.com/-vGjST2sX6Ts/T88uy-eRYUI/AAAAAAAAAog/xhJ2A0nGnpw/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=""><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(http://3.bp.blogspot.com/-L3o3uwrf0Sk/T9CO3hbq1XI/AAAAAAAAApg/8RmMXmM6-MY/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

Blogger-blog-me-cool-stylish-serch-box-kaise-lagaye
<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(http://4.bp.blogspot.com/-hxd1468RbE4/T88u0xTfk1I/AAAAAAAAApQ/BZ1WB9VG_3g/s400/whitez%2Bby%2Babt.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=""><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(http://3.bp.blogspot.com/-L3o3uwrf0Sk/T9CO3hbq1XI/AAAAAAAAApg/8RmMXmM6-MY/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

Blogger-blog-me-cool-stylish-serch-box-kaise-lagaye
Cool search box 
<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(http://4.bp.blogspot.com/-Z_Bf8C64sWs/T88uy_rLu3I/AAAAAAAAAow/EcYyd6sKjxA/s400/bluez%2Bby%2Ballbloggingtips.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=""><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(http://3.bp.blogspot.com/-L3o3uwrf0Sk/T9CO3hbq1XI/AAAAAAAAApg/8RmMXmM6-MY/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

Blogger-blog-me-cool-stylish-serch-box-kaise-lagaye
Cool sech box 
<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(http://4.bp.blogspot.com/-T2F6d51MVw8/T88u0v_kIqI/AAAAAAAAApE/pB5bbugoVoM/s400/transparent%2Bby%2Ballbloggingtips.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=""><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(http://3.bp.blogspot.com/-L3o3uwrf0Sk/T9CO3hbq1XI/AAAAAAAAApg/8RmMXmM6-MY/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

Blogger-blog-me-cool-stylish-serch-box-kaise-lagaye
Cool search box 
<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(http://1.bp.blogspot.com/-D98wjamWcwk/T88u0dnSPuI/AAAAAAAAAo4/U4Oy3x-zhRg/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=""><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(http://3.bp.blogspot.com/-L3o3uwrf0Sk/T9CO3hbq1XI/AAAAAAAAApg/8RmMXmM6-MY/s320/blue.png) repeat-x top;display:inline-block;
border-radius:5px; font-weight:bold;
width:57px; float:right; m
Yadi widget lagane me koi problem ho to comment jarur kare
शेयर करें
TwitterFacebookWhatsappBufferLinkedInPin It

Reader Interactions

Comments

  2. sir apne bahut acha search box wiedget ke bare main bataya. lekin jab mai koyi topic seach kor raha hoo. nahi show ho raha hai.