Google AJAX Search を導入
Google AJAX Search を導入しました。
設置の方法は簡単です。Developers Guide に何通りかの設定方法が掲載されています。適宜 JavaScript のコードをコピーしてカスタマイズしていくと良いでしょう。
うーん、すごい。簡単。
=UPDATE: 9 Aug 2007=
Movable Type 4.0 にしたので、一旦コードが削除されてしまったので、今回はちゃんとコードも含めて掲載しておくことにします。（いやーアップグレードのときに削除してしまったんですよ。。。そんなときには Google のキャッシュが重宝しますね。）
headタグ内のコード
<link href="http://www.google.com/uds/css/gsearch.css" type="text/css" rel="stylesheet"/> <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=ABQIAAAAzCZJ73p2Opltf_Zph9NvPxQ41XiOvlFGDq5omQLTT2zH6JYwuRSwlH4GiMI1jAsmLzfhT80boAjIMQ" type="text/javascript"></script> <script language="Javascript" type="text/javascript"> //^lt;![CDATA[function OnLoad() {
// create a drawOptions object
var drawOptions = new GdrawOptions();// Create a search control
var searchControl = new GSearchControl();// Add in a full set of searchers
var siteSearch = new GwebSearch();
siteSearch.setUserDefinedLabel("s14u.info");
siteSearch.setUserDefinedClassSuffix("siteSearch");
siteSearch.setSiteRestriction("s14u.info");
searchControl.addSearcher(siteSearch);// standard, unrestricted web search
searchControl.addSearcher(new GwebSearch());// tell the searcher to draw itself in tabbed mode
drawOptions.setDrawMode(GSearchControl.DRAW_MODE_TABBED);
// Tell the searcher to draw itself and tell it where to attach
searchControl.draw(document.getElementById("searchcontrol"), drawOptions);}
GSearch.setOnLoadCallback(OnLoad);//]]>
</script>
<style type="text/css">
.gsc-control {
width: auto;
}
form.gsc-search-box {
width: 300px;
}
</style>
bodyタグ内のコード
<div> <div id="searchcontrol">
Comments