Website or Blog Me Search Box Kaise Add Kare

0

Hello Dosto Agar aap apne blog search box se bor ho chuke hai ya phir aapka search box theek se kaam nhi kar rha hai. ya phir aapke Website/Blog me search box hai he nhi .to aaj ham aapko btaynege ki Website/Blog me search box kaise Add kare.



 



Agar aap kisi Website or Blog ke owner hai, to aap yeh jaante he honge ki kisi bhi website or blog ke ek search box kitna important hota hai.

Wese to jyadatar themes me koi na koi search box already hota hai, but agar aapke theme me nhi hai, ya phir wo proper work nhi karta, ya phir aapko uska look bilkul bhi pasand nhi hai, to aaj es article ko padhkar aap aasani se ek awesome search box apne blog me laga sakte hai.



Website/Blog Me Search Box Kaise Add Kare?

Dosto Kisi bhi Website ya Blog me Custom Search Box Add karna jyada mushkil kaam nhi hai. Bas aapko Uska HTML code apne Website/Blog me Add karna hai.

 

Step1: Sabse phele aapko jonsa Box apne Website/Blog me Add karna hai uska code Ctrl + C dbaker Copy karle.

1.

<style>#nbc-searchsimplebox1{padding:10px;}#nbc-searchsimplesubmit1{border:1px solid orange;background: orange;padding:5px;color:#ffffff;font:14px verdana;}#nbc-searchsimpleinput1{-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border:1px solid #dcdcdc;background:#ffffff;padding:5px;color:#888888;font:14px verdana;}</style><div id='nbc-searchsimple1'>
<form action='/search/max-results=8' method='get' id="nbc-searchsimplebox1">
<input name='q' id='nbc-searchsimpleinput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/> <input id='nbc-searchsimplesubmit1' type='submit' value='Search'/> </form>
</div>

2.

<style>#search-form {background: #e1e1e1; /* Fallback color for non-css3 browsers */width: 365px;background: -webkit-gradient( linear,left top, left bottom, color-stop(0, rgb(243,243,243)), color-stop(1, rgb(225,225,225)));background: -moz-linear-gradient( center top, rgb(243,243,243) 0%, rgb(225,225,225) 100%);border-radius: 17px; -webkit-border-radius: 17px; -moz-border-radius: 17px;box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3); }input[type="text"]{background: #fafafa;background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(1, rgb(230,230,230)));background: -moz-linear-gradient( center top, rgb(250,250,250) 0%, rgb(230,230,230) 100%);border: 0; border-bottom: 1px solid #fff;border-right: 1px solid rgba(255,255,255,.8);font-size: 16px; margin: 4px; padding: 5px; width: 250px;border-radius: 17px; -webkit-border-radius: 17px; -moz-border-radius: 17px;box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);-webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);-moz-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2); }input[type="text"]:focus{outline: none; background: #fff;background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(235,235,235)));background: -moz-linear-gradient( center top, rgb(255,255,255) 0%, rgb(235,235,235) 100%); }input[type="submit"]{background: #44921f;background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(79,188,32)), color-stop(0.15, rgb(73,157,34)), color-stop(0.88, rgb(62,135,28)), color-stop(1, rgb(49,114,21)));background: -moz-linear-gradient( center top, rgb(79,188,32) 0%, rgb(73,157,34) 15%, rgb(62,135,28) 88%, rgb(49,114,21) 100%);border: 0; color: #eee; cursor: pointer;float: right; font: 16px Arial, Helvetica, sans-serif; font-weight: bold; height: 30px;margin: 4px 4px 0; text-shadow: 0 -1px 0 rgba(0,0,0,.3); width: 84px; outline: none;border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);-moz-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.2);-webkit-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4); }input[type="submit"]:hover {background: #4ea923;background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22)));background: -moz-linear-gradient( center top, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22) 100%); }input[type="submit"]:active {background: #4ea923;background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22))); background: -moz-linear-gradient( center bottom, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22) 100%); }</style><form action="/search/max-results=8" id="searchbox">
<input name="cx" type="hidden" value="X:Y" /><input name="cof" type="hidden" value="FORID:11" /><input id="q" name="q" size="70" type="text" /><input name="sa" type="submit" value="Search" /></form>

 

3.

<style>#MBBOldSearch {
display: block;
clear: both;
margin: 10px 0;
}#MBBOldSearch #MBBSinput {
background: url(https://4.bp.blogspot.com/-C7mh2vX4gp4/Ue6-L3iTnXI/AAAAAAAAAhI/-K6xVaVoM1g/s1600/noxdo_blogspot_com_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;
width: 52%;
}#MBBOldSearch #MBBSsubmit {
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> <div id="MBBOldSearch">
 <form action="/search/max-results=8">
 <input name="q" id="MBBSinput" type="text" /> <input value="Search" id="MBBSsubmit" type="submit" /> </form>
</div>

4.

<style type="text/css">#nbc-searchbox{background:url(https://3.bp.blogspot.com/-A_B_jk1yrIY/Ue7A4JLAVlI/AAAAAAAAAhs/JPrpQvYA-7w/s1600/noxdo_blogspot_com_Search-icon4.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#nbc-searchform{display: block;padding: 12px;margin:0;}
form#nbc-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#nbc-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style><div id="nbc-searchbox">
<form id="nbc-searchform" action="/search/max-results=8" method="get">
 <input type="text" id="s" name="q" value=""/></form>
</div>

5.

 <style type="text/css">#nbc-searchbox{background:url(https://4.bp.blogspot.com/-xDMUT_7p820/Ue7AMp2_XZI/AAAAAAAAAho/N2xwuQ1GU1I/s1600/noxdo_blogspot_com_Search-icon3.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#nbc-searchform{display: block;padding: 10px 12px;margin:0;}
form#nbc-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#nbc-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style><div id="nbc-searchbox">
<form id="nbc-searchform" action="/search/max-results=8" method="get">
 <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/></form>
</div>
Step2: Code ko copy karne ke baad use apne blog ke HTML code me add kar de. Agar aapko nhi pta ki kise bhi Website/Blog me HTML code ko kaise Add karte hai to ye post padhe:
 
 
To Dosto aapko aaj ki hamari post kaise lagi hame jarror bataye or agar koi problem aa rhi ho to comment me puch le!

 

Thanks for Reading…  😎 

LEAVE A REPLY

Please enter your comment!
Please enter your name here