Thursday 1 August 2013

Google custom search loading too slow

--------------------------------------------------------------------------------------------------
Step1:

<form action="/customsearchpagename.html" target="_blank">
 <input type="hidden" name="cx" value="xxxxxxxxxxxxxxxxx:yyyyyyyyyyyy" />
 <input type="hidden" name="ie" value="UTF-8" />
 <input type="text" name="q" size="31" value="" />
 <input type="submit" name="submit" value="Submit" />
</form>
<img src="/images/google_custom_search_smwide.gif" style="margin-top:5px;">
--------------------------------------------------------------------------------------------------
Step3:
include the following code in customsearchpagename.html Page

<script>
  (function() {
    var cx = 'xxxxxxxxxxxxxxxxxxxxxxx:yyyyyyyyyyyyyyyyyyyyy';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchbox-only></gcse:searchbox-only>
<gcse:searchresults-only></gcse:searchresults-only>
--------------------------------------------------------------------------------------------------
Step3:

Login Google Custom Search Engine

Select Your Website

1) Click On Setup 
 Image search ON

2) Click On Look and Feel --->LayOut TAB
Under WebSearch Option -------> Select Two Page

Under ImageSearch Option --------> Select Classic

3)  Look and Feel ---> Themes TAB
Select Theme as your requirement
4)  Look and Feel ---> Customize TAB
Customize as your requirement
5)  Look and Feel ---> Customize TAB

6)  Look and Feel ---> Thumb Nails
ON -- For Image Search
7) Click On Save And Get Code
Under Search Results Details -->http://www.yoursitename.com/yourcustompagename.html
Specify the query paramater name embed in the url --------> q