◆サンプル
Loading…
◆下記をコピー
<!– Google AJAX Search API キー –>
<script src=”http://www.google.com/uds/api?file=uds.js&v=1.0&key=あなたのGoogle AJAX Search APIキー” type=”text/javascript” charset=”utf-8″></script>
<!– 検索結果表示スタイルシート –>
表示を変えたければ、CSSをダウンロードして書き換え方。デフォルト幅は、.gsc-control { width: 300px;}
<link href=”http://www.google.com/uds/css/gsearch.css” rel=”stylesheet” type=”text/css” />
<!– HTML記述 –>
<div id=”search_control_tabbed”>Loading…</div>
<!– 検索結果タブ設定 –>
<script type=”text/javascript”>// <![CDATA[google.load(‘search’, ‘1.0’);function OnLoad() {// create a tabbed mode search controlvar tabbed = new google.search.SearchControl();tabbed.setResultSetSize(google.search.Search.LARGE_RESULTSET);tabbed.addSearcher(new google.search.ImageSearch());tabbed.addSearcher(new google.search.VideoSearch());tabbed.addSearcher(new google.search.WebSearch());tabbed.addSearcher(new google.search.BlogSearch());tabbed.addSearcher(new google.search.BookSearch());tabbed.addSearcher(new google.search.NewsSearch());// draw in tabbed layout modevar drawOptions = new google.search.DrawOptions(); drawOptions.setDrawMode(google.search.SearchControl.DRAW_MODE_TABBED); tabbed.draw(document.getElementById(“search_control_tabbed”), drawOptions);tabbed.execute(“フェラーリ“); }google.setOnLoadCallback(OnLoad, true);// ]]></script>