Webnocular - Add Search Box To Your Site

Add Search Box To Your Site

Search type display style

Choose Engines

   Web
   Image
   Video
   News
   Sports
   Audio
   Wiki
   Forum
   Blog
   Kids
   Dictionary
   PDF
   Translate
   Business
   Bollywood
   Hollywood
   Movies
   Lifestyle
   Fashion
   Cricket
   Football
   Golf
   Health
   local
   iTunes

Enter Width for Search Box

Show Logo

Show Border

Choose Border Color

Pick Color

Search Box Preview


Please copy the following code in the text area and paste it in the corresponding html file of your website where you want to add the above Search box.
<style>.searchtdleft{width:10px;padding-bottom:0px;}.searchtable{margin-top:15px;}.searchtypedropdown{text-transform:capitalize;font-size:12px;background-color:#e4f2fc;}.dropdowntd{font-family:Arial;font-weight:bold;text-align:center;font-size:14px;font-style: oblique;font-variant:small-caps;}.searchbuttontd{padding-left:10px;text-align:center;padding-right:10px;}.searchtdright{font-family:Arial;font-weight:bold;color:#CC3366;font-variant:small-caps;font-size:14px;text-align:center;text-decoration: none;}#search{height:18px;margin-left:5px;margin-right:5px;border-color:#045c97;border-width:1px;border-style:solid;}.searchbuttontd{padding-left:10px;padding-right:10px;}.searchbutton{ background-color:#045c97; width:100px; height:22px;border:0px;color:#fff;font-weight:bold; vertical-align:middle; padding-bottom:3px;}.tabstable{width:100%;background-color:#ffffff;height:30px;}.searchradiobutton{font-family:Verdana;color:#000;text-transform:capitalize;font-size:12px;text-align:center;text-decoration: none;}.activetabright{width:5px;background: url(images/themes/modern_blue/breck.gif) no-repeat center center; }.activetableft{width:5px;background: url(images/themes/modern_blue/breck.gif) no-repeat center center; }.activetabcenter{padding-left:7px;text-align:center;padding-right:7px;}.activetablink1{font-family:Verdana;font-weight:bold;text-align:center;font-size:12px;text-transform:capitalize;color:#0567a9;text-decoration: none;}.inactivetablink1{font-family:Verdana;color:#000000;text-transform:capitalize;font-size:12px;text-align:center;text-decoration: none;}.inactivetabright{width:2px;}.inactivetableft{width:2px;}.inactivetabcenter{padding-left:7px;padding-right:7px;text-align:center;} .outerborder { border-style: solid;border-color: #999999;border-width:1px; }</style><script language="javascript"> function Determine(loopvalue,enginecount,engine) { for(i=0;i<enginecount;i++) { if(i==loopvalue) { document.getElementById("active"+i).style.display=""; document.getElementById("inactive"+i).style.display="none"; } else { document.getElementById("inactive"+i).style.display=""; document.getElementById("active"+i).style.display="none"; } } document.getElementById('type').value=engine; } </script> <script type="text/javascript"> function verifyForm_searchform(){ var path=document.getElementById("homepath").href; if(path!="http://www.webnocular.com/") { return false; document.getElementById('searchstatus').value = "no"; }else{ document.getElementById('searchstatus').value = "yes";} }</script> <form name="searchform" id="searchform" enctype="multipart/form-data" method="post" action="http://www.webnocular.com/search/redir" onSubmit="return verifyForm_searchform()" > <table cellpadding="0" cellspacing="0" class="outerborder" style="padding: 10px;"> <tr><td> <table cellpadding="0" cellspacing="0" class="tabstable"> <tr> <td colspan="15"> <a href="http://www.webnocular.com/" id="homepath" alt="Webnocular Home" title="Webnocular Home"> <img src="http://www.webnocular.com/userdata/webmasterlogo.jpg" border="0"></a> </td></tr> <tr class="tabstr"> <td nowrap="nowrap" width="1%" ><div id="active0" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(0,25,'Web')"><span>Web</span></a> \|</div> <div id="inactive0" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(0,25,'Web')"><span>Web</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active1" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(1,25,'Images')"><span>Image</span></a> \|</div> <div id="inactive1" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(1,25,'Images')"><span>Image</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active2" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(2,25,'Videos')"><span>Video</span></a> \|</div> <div id="inactive2" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(2,25,'Videos')"><span>Video</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active3" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(3,25,'News')"><span>News</span></a> \|</div> <div id="inactive3" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(3,25,'News')"><span>News</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active4" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(4,25,'Sports')"><span>Sports</span></a> \|</div> <div id="inactive4" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(4,25,'Sports')"><span>Sports</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active5" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(5,25,'Audio')"><span>Audio</span></a> \|</div> <div id="inactive5" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(5,25,'Audio')"><span>Audio</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active6" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(6,25,'Wiki')"><span>Wiki</span></a> \|</div> <div id="inactive6" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(6,25,'Wiki')"><span>Wiki</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active7" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(7,25,'Forum')"><span>Forum</span></a> \|</div> <div id="inactive7" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(7,25,'Forum')"><span>Forum</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active8" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(8,25,'Blog')"><span>Blog</span></a> \|</div> <div id="inactive8" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(8,25,'Blog')"><span>Blog</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active9" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(9,25,'Kids')"><span>Kids</span></a> \|</div> <div id="inactive9" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(9,25,'Kids')"><span>Kids</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active10" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(10,25,'Dictionary')"><span>Dictionary</span></a> \|</div> <div id="inactive10" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(10,25,'Dictionary')"><span>Dictionary</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active11" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(11,25,'PDF')"><span>PDF</span></a> \|</div> <div id="inactive11" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(11,25,'PDF')"><span>PDF</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active12" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(12,25,'Translate')"><span>Translate</span></a> \|</div> <div id="inactive12" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(12,25,'Translate')"><span>Translate</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active13" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(13,25,'Business')"><span>Business</span></a> \|</div> <div id="inactive13" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(13,25,'Business')"><span>Business</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active14" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(14,25,'Bollywood')"><span>Bollywood</span></a> \|</div> <div id="inactive14" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(14,25,'Bollywood')"><span>Bollywood</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active15" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(15,25,'Hollywood')"><span>Hollywood</span></a> \|</div> <div id="inactive15" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(15,25,'Hollywood')"><span>Hollywood</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active16" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(16,25,'Movies')"><span>Movies</span></a> \|</div> <div id="inactive16" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(16,25,'Movies')"><span>Movies</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active17" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(17,25,'Lifestyle')"><span>Lifestyle</span></a> \|</div> <div id="inactive17" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(17,25,'Lifestyle')"><span>Lifestyle</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active18" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(18,25,'Fashion')"><span>Fashion</span></a> \|</div> <div id="inactive18" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(18,25,'Fashion')"><span>Fashion</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active19" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(19,25,'Cricket')"><span>Cricket</span></a> \|</div> <div id="inactive19" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(19,25,'Cricket')"><span>Cricket</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active20" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(20,25,'Football')"><span>Football</span></a> \|</div> <div id="inactive20" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(20,25,'Football')"><span>Football</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active21" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(21,25,'Golf')"><span>Golf</span></a> \|</div> <div id="inactive21" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(21,25,'Golf')"><span>Golf</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active22" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(22,25,'Health')"><span>Health</span></a> \|</div> <div id="inactive22" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(22,25,'Health')"><span>Health</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active23" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(23,25,'local')"><span>local</span></a> \|</div> <div id="inactive23" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(23,25,'local')"><span>local</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active24" class="activetabcenter">\| <a class="activetablink1" href="javascript:Determine(24,25,'iTunes')"><span>iTunes</span></a> \|</div> <div id="inactive24" class="inactivetabcenter"><a class="inactivetablink1" href="javascript:Determine(24,25,'iTunes')"><span>iTunes</span></a></div></td> <td> </td> </tr></table></td></tr><tr><td> <table cellpadding="0" cellspacing="0" class="searchtable" border="0"><tr><td class="searchtdleft"> </td><td nowrap="nowrap" class="searchtdcenter" ><span class="searchfieldspan"><input type="hidden" id="type" name="type" value=""><input name="search" id="search" type="text" value="" style="width:450px;" class="searchfield" onchange="javascript:getkeyword()"></span> <input type="hidden" id="searchstatus" name="searchstatus" value="no"><span class="searchbuttonspan"><input type="submit" name="searchbutton" value="Search" class="searchbutton"></span></td><td class="searchtdright"> </td></tr></table> </td></tr></table></form><script type="text/javascript"> javascript:Determine(0,25,'Web');</script>