• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Hindihelp4u-logo

Hindihelp4u

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

  • My Best India
  • टेक्नोलॉजी टिप्स
  • डिजिटल इंडिया
You are here: Home / Uncategorized / Blog me Cool stylish search box kaise lagaye ?

Blog me Cool stylish search box kaise lagaye ?

October 4, 2017 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
Also read-
  • Blog me social share button icon post ke uper niche kaise lagaye
  • Sitemap kaise banaye webmaster serch console ke liye

Blogger blog me Cool stylish search box kaise lagaye ?

विषय सूची देखे
1 Blogger blog me Cool stylish search box kaise lagaye ?
1.1 Serch box lagane ke fayde kya hai?
1.2 Blogger blog me search box lagaye ?
1.3 WordPress blog me search box lagaye ?
1.4 5 stylish search box with code ?
1.4.1 Style 1
1.5 Style 2
1.6 Style 3
1.7 Style 4
1.8 Style 5
1.8.1 शेयर करें

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

About इंद्रजीत राज

हमने ये ब्लॉग हिंदी भाषा में जानकारी शेयर करने के लिए बनाए है। मेरा मकसद है लोगो की Help करना। नयी पोस्ट अपडेट पाने के लिए Email subscribe & Social Media Join करे !

Reader Interactions

Comments

  1. yogesh says

    June 16, 2018 at 6:51 pm

    bhut achhi post hai

    • Hindihelp4u says

      June 17, 2018 at 8:31 am

      Thank You Mr.Yogesh

  2. Sanjoy gorai says

    August 21, 2018 at 9:31 am

    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.

Primary Sidebar

कुछ भी खोजें

ब्लॉक को सब्सक्राइब करें

Enter your Email Address join with us
:

महत्वपूर्ण जानकारी

New Hindi Whatsapp Tips and Tricks -Hindihelp4u ?

Paytm Password भूल जाने पर Reset कैसे करें

Pan card Area code, AO type, Range code, kya hai, kaise nikale ?

Dish TV Register Mobile Number Change कैसे करें

DMCA Setup Blog Post Content Copy Disable Kaise karen ?

GST क्या है जीएसटी प्रकार, फायदे और नुकसान क्या क्या है ?

Sagoon App Kya hai, सगुन App ke Feture ?

Proximity Sensor Kya hai, Mobile Secret Tips ?

Stock ROM Kya hai Mobile Stock Rom Download Kaise Kare ?

Top Best English Newspaper in India ?

सभी कैटेगरी

  • Uncategorized
  • Youtube
  • इंटरनेट
  • ऐप्स और गेम
  • कंप्यूटर जानकारी
  • गूगल एडसेंस
  • टेक्नोलॉजी टिप्स
  • डिजिटल इंडिया
  • बैंकिंग
  • ब्लॉगर
  • मोबाइल टिप्स
  • वर्डप्रेस
  • वेब सीईओ
  • शॉपिंग टिप्स
  • सिक्यूरिटी टिप्स
  • सोशल मीडिया

Copyright © 2021 · Hindihelp4u on Genesis Framework · WordPress · Log in

  • About us
  • Contact us
  • Disclaimer
  • Comment policy
  • Privacy policy
  • Term and condition