--------------------------------------------------------------------------------------------------
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;">
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
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