Monday, 16 July 2012

Removing Extra White Space in Google Custom Search



Hi All,

     I have done a lot of R&D to find the solution of Google Custom Search White Space Issue.


1. <form action="http://www.test.newhomestar.com/search.php" id="cse-search-box">
            <input type="hidden" name="cx" value="xxxxx90948434568903:14dqcrlsktw" />
            <input type="hidden" name="cof" value="FORID:11" />
            <input type="hidden" name="ie" value="UTF-8" />
            <input type="text" name="q" size="31" class="inp-hdr"/>
            <input type="submit" name="sa" value="" class="go-button"  />
          </form>
          <script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script>

//Create a div and do inline styling and put height:1140px or as per your requirement. 


 2. <div id="cse-search-results" style="overflow: hidden;text-align: left; height:1140px"></div>
         <script type="text/javascript">
         var googleSearchIframeName = "cse-search-results";
         var googleSearchFormName = "cse-search-box";
         var googleSearchFrameWidth = 590; <!----you can change width
         var googleSearchDomain = "www.google.com";
         var googleSearchPath = "/cse";
         var googleSearchResizeIframe = true;
         var a=encodeURIComponent;
       </script>
        <script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>
   </div>

Check it out the working solution @ click here

2 comments: