添加Google ajax search

Google ajax search效果很炫,但却觉得不太实用。

1.先在这儿申请一个Key

2.添加一个Html/javascript模块,标题输入你所在的城市,内容你感兴趣的好了。

3.到代码编辑状态,展开代码。紧跟</head>之前,添加以下代码:<link href='http://www.google.com/uds/css/gsearch.css' rel='stylesheet' type='text/css'/>

4.然后找到你刚才建的那个模块。例如开始可能是这样的:<b:widget id='HTML1' locked='false' title='Kaifeng' type='HTML'>,然后用下面的代码替换从上一句到</b:widget>的所有内容:

<b:widget id='HTML1' locked='false' title='New York, NY' type='HTML'>
<b:includable id='main'>
<div id='searchcontrol'>Loading .....</div>
<script src='http://www.google.com/uds/api?file=uds.js&amp;v=1.0&amp;key=你申请到的Key' type='text/javascript'/>
<script type='text/javascript'>
var local="<data:title/>";
var initSearch="<data:content/>";
// Create a search control
var searchControl = new GSearchControl();
// Add in a full set of searchers
var localSearch = new GlocalSearch();
searchControl.addSearcher(localSearch);
searchControl.addSearcher(new GwebSearch());
searchControl.addSearcher(new GvideoSearch());
searchControl.addSearcher(new GblogSearch());
searchControl.addSearcher(new GnewsSearch());
// Set the Local Search center point
localSearch.setCenterPoint(local);
// tell the searcher to draw itself and tell it where to attach
searchControl.draw(document.getElementById("searchcontrol"));
// execute an inital search
searchControl.execute(initSearch);
</script>
</b:includable>
</b:widget>

2 条评论:

Peng Lei 说...

我的ajax search在首页无法显示,但是在每篇文章后面是可以显示出来的。
不知道为什么。。。

widget是什么东西啊?

大地 说...

这个东西还有很多学问,麻烦多讲讲~~~