2006年12月14日星期四

blogger 3.0:google自定义搜索如何加在你的ajax搜索代码上/外加代码详解

才跟大家讲了如何为自己的博客制作google ajax搜索样式。现在跟大家讲讲如何把Google Custom Search /自定义搜索,添加到你的google ajax搜索上去.
首先在http://google.com/coop/ 这个网页创建一个google 自定义搜索的引擎。

然后在My search engines/我的搜索引擎 这一项里找到你刚刚自定搜索引擎的control panel/控制面板 ,点击进入,找到code这一项,前面依次是Basics(基本设定)| Sites(在这里添加你要自定义搜索的站点) | Refinements(设定你自定义搜索的搜索后出现的关键词) | Look and feel(设定你自定义搜索的外观),外观后面这一项就是我们要找的code/代码 块了。

点击code,前面的代码依次是一般搜索框代码,把搜索和搜索结果都放在你网页或博客上的样式代码。无需js的代码,能够把自定搜索添加到你的google自定义页上的代码。

最后一项代码就是我们要找的,能够和google ajax搜索匹配的代码,这段代码大概就是这样一个形式:像我做的中文博客搜索的形式:003117241993791897404:-hoflajhuok

如何把这段代码添加进我们前面讲的google ajax搜索呢?

注意看我前面讲的那段ajax代码新增的汉字解释:


<script

src='http://www.google.com/maps?file=api&amp;v=2&key=这里换成你申请到的KEY代码' type='text/javascript'/>
<script

src='http://www.google.com/uds/api?file=uds.js&amp;v=1.0&key=这里换成你申请到的KEY代码' type='text/javascript'/>
<link href='http://www.google.com/uds/css/gsearch.css' rel='stylesheet' type='text/css'/>
<link href='http://www.google.com/uds/css/gsearch_darkgrey.css' rel='stylesheet' type='text/css'/>

<style type='text/css'>
/* primary colors */
.app_gsvsc { color : rgb(153, 170, 221); }
.search-form-complete_gsvsc div.search-form-save_gsvsc { color : rgb(170, 221, 153); }
div.search-form-save_gsvsc { color : #202020; }

/* selected tag */
div.tag-selected_gsvsc { color : rgb(170, 221, 153); }

/* hover colors */
div.more_gsvsc:hover { color : rgb(170, 221, 153); }
div.tag-control_gsvsc:hover { color : rgb(170, 221, 153); }
.search-form-complete_gsvsc div.search-form-save_gsvsc:hover { color : rgb(170, 221, 153); }
.footerBox_gsvsc a:hover { color : rgb(170, 221, 153); }
.playerBox_gsvsc a.title_gsvsc:hover { color : rgb(170, 221, 153); }

/* secondary colors */
div.more_gsvsc { color : rgb(204, 204, 204); }
div.tag-control_gsvsc { color : rgb(204, 204, 204); }
.searchForm_gsvsc { color : rgb(204, 204, 204); }
.search-form-input_gsvsc { color : rgb(204, 204, 204); }
td.edit-form-input_gsvsc input { color : rgb(204, 204, 204); }
div.edit-form-submit-box_gsvsc { color : rgb(204, 204, 204); }
.footerBox_gsvsc a { color : rgb(204, 204, 204); }
.playerBox_gsvsc a.title_gsvsc { color : rgb(204, 204, 204); }
div.edit-tag_gsvsc { color : rgb(204, 204, 204); }

/* special settings, not called out in standard color overrides */
.tiny-results_gsvsc div.tiny-video-result_gsvsc { border-color : #000000; }
.results_gsvsc div.video-result_gsvsc { border-color : #000000; }
.search-form-input_gsvsc {
color : #676767;
background-color : #e0e0e0;
}
.gsc-control {
width: 100%;
}

</style>
<script type='text/javascript'>
var coreSearch;


function SolutionLoad() {

var controlRoot = document.getElementById("searchControl");

// create the search control
coreSearch = new GSearchControl();
coreSearch.setLinkTarget(GSearch.LINK_TARGET_SELF);
coreSearch.setResultSetSize(GSearch.LARGE_RESULTSET);

// prep for decoupled search form
var searchFormElement = document.getElementById("searchform");
var drawOptions = new GdrawOptions();
drawOptions.setSearchFormRoot(searchFormElement);
drawOptions.setDrawMode(GSearchControl.DRAW_MODE_TABBED);

// populate - web, this blog, all blogs
var searcher = new GwebSearch();
searcher.setUserDefinedLabel("网络");
coreSearch.addSearcher(searcher);

searcher = new GblogSearch();
searcher.setUserDefinedLabel("全部博客");
coreSearch.addSearcher(searcher);

searcher = new GblogSearch();
searcher.setSiteRestriction("你的博客地址");
searcher.setUserDefinedLabel("你的博客名称");
coreSearch.addSearcher(searcher);

searcher = new GwebSearch();《——这里要使用 GwebSearch(); 表示是搜索整个互联网
searcher.setSiteRestriction("003117241993791897404:-hoflajhuok");《——这里就填写上面说的你的自定义搜索里得到的代码
searcher.setUserDefinedLabel("中文博客");
coreSearch.addSearcher(searcher);

searcher = new GwebSearch();
searcher.setSiteRestriction("http://www.blogger.com/");
searcher.setUserDefinedLabel("博客作者");
coreSearch.addSearcher(searcher);

searcher = new GblogSearch();《——这里的 GblogSearch(); 表示是使用google的博客搜索,注意这里其实还可以使用“ GnewsSearch(); ”这段代码表示使用google新闻资讯搜索
searcher.setSiteRestriction("http://ggpai.blogspot.com");
searcher.setUserDefinedLabel("GG派");
coreSearch.addSearcher(searcher);

coreSearch.draw(controlRoot, drawOptions);

}

function doCoreSearch(q) {
coreSearch.execute(q);
}


registerLoadHandler(SolutionLoad);

function registerLoadHandler(handler) {
var node = window;
if (node.addEventListener) {
node.addEventListener("load", handler, false);
} else if (node.attachEvent) {
node.attachEvent("onload", handler);
} else {
node['onload'] = handler;
}
return true;
}
</script>


0 评论:

发表评论: ☆欢迎灌水☆言论自由☆交流快乐☆