Shivolve Custom Search

Custom Search Box at http://open-source-is-open.blogspot.com/ shows search results from the selected sites on the criteria that they are having good content for self improvement. It is created using Google Custom Search.


1. For displaying the search results in a new page use below code.
<!-- Google CSE Search Box Begins --> <form id="searchbox_004358008004328884959:jnsmuijrnje" action="http://www.google.com/cse"> <br /> <input type="hidden" name="cx" value="004358008004328884959:jnsmuijrnje" /> <input type="hidden" name="cof" value="FORID:1" /> <input name="q" type="text" size="40" /> <input type="submit" name="sa" value="Search" /> <img src="http://www.google.com/coop/images/google_custom_search_smnar.gif" alt="Google Custom Search" /> </form> <!-- Google CSE Search Box Ends -->

2. To show the search box and the search results in different blocks (usually div tag) use below code.
2.1 Copy and paste below code at the place in your site where you want the search box to appear. You will need to change the page URL where you want the search results to appear. I wanted the search results to appear at http://open-source-is-open.blogspot.com/.
<!-- Google CSE Search Box Begins --> <form id="searchbox_004358008004328884959:jnsmuijrnje" action="http://open-source-is-open.blogspot.com/"> <br /> <input type="hidden" name="cx" value="004358008004328884959:jnsmuijrnje" /> <input type="hidden" name="cof" value="FORID:9" /> <input name="q" type="text" size="25" /></br> <input type="submit" name="sa" value="Search" /> </form> <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_004358008004328884959%3Ajnsmuijrnje"></script><!-- Google CSE Search Box Ends -->

2.1 Copy and paste the below code in the page where you want the search results to appear.
<!-- Google Search Result Snippet Begins --> <div id="results_004358008004328884959:jnsmuijrnje"> </div> <script type="text/javascript"> var googleSearchIframeName = "results_004358008004328884959:jnsmuijrnje"; var googleSearchFormName = "searchbox_004358008004328884959:jnsmuijrnje"; var googleSearchFrameWidth = 600; var googleSearchFrameborder = 0; var googleSearchDomain = "www.google.com";<br /> var googleSearchPath = "/cse"; </script> <script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script><br /><!-- Google Search Result Snippet Ends -->