<html> <head> <!-- chiave API --> <script src="https://www.google.com/jsapi?key=AIzaSyCARovw1fjKKgkLvADlaUu7QvsszfpxOVM" type="text/javascript"></script> <script type="text/javascript"> //google.load("search", "1", {"language" : "en"}); google.load("search", "1", {"language" : "it"}); // Call this function when the page has been loaded function initialize() { var searchControl = new google.search.SearchControl(); // site restricted web search var siteSearch = new google.search.WebSearch(); //siteSearch.setUserDefinedLabel("jquery4u.com"); siteSearch.setUserDefinedLabel("it.luigimargarita.com"); siteSearch.setUserDefinedClassSuffix("siteSearch"); //siteSearch.setSiteRestriction("jquery4u.com"); siteSearch.setSiteRestriction("it.luigimargarita.com"); searchControl.addSearcher(siteSearch); //Search API Topics searchControl.addSearcher(new google.search.WebSearch()); searchControl.addSearcher(new google.search.NewsSearch()); searchControl.addSearcher(new google.search.BlogSearch()); searchControl.addSearcher(new google.search.ImageSearch()); searchControl.addSearcher(new google.search.BookSearch()); searchControl.addSearcher(new google.search.VideoSearch()); //others //searchControl.addSearcher(new google.search.LocalSearch()); //searchControl.addSearcher(new google.search.PatentSearch()); // create a drawOptions object var drawOptions = new google.search.DrawOptions(); // tell the searcher to draw itself in tabbed mode drawOptions.setDrawMode(google.search.SearchControl.DRAW_MODE_TABBED); searchControl.draw(document.getElementById("searchcontrol"), drawOptions); } google.setOnLoadCallback(initialize); </script> <style type="text/css"> /* the width of the controls (keep same as gsc-results for flush look) */ #searchcontrol { width:600px; } .gsc-control { width:600px; } /* the width of the search results box; no height value = nice auto look */ .gsc-results { width:600px; } /* the width of the search input */ .gsc-input { width:20px; } /* hide "powered by google" (optional) */ .gsc-branding { display:none; } .gs-title a { color:orange; font-weight:bold; } #searchcontrol a { color:orange; } </style> <title>jQuery Setup Google Search API DEMO</title> </head> <body> <h1>Luigi Margarita Blog - Esempio di utilizzo delle Google Search API</h1> <p>Digita la/e parola/e da cercare!</p> <div id="searchcontrol"></div> </body> </html>