« 愤怒的子弹Google的鼠年logo »
February 6 2008

让Google搜索与自己的博客搜索页融合(z-blog适用)

Tags: 部落格  Google  博客  搜索  融合   游魂 @ 12:44

    第一次看到将search.asp改造成GG的搜索页是在巴士飞扬的《重新开始GG之旅-第一篇-投放GG代码》中,当时问了巴士怎么做,他说要写的,可是自己有点等不及了,就自己动手弄了,先去试了试巴士的搜索页,发现搜索结果的右上角有个Google,就是它啦,点击进入后先登你的Google帐户,然后选择,申请的过程很简单,在这里就不再说了(要是谁不会给我留言)

废话不说,进入主题:

准备工作:
    申请完成后进入你的搜索引擎的“控制面板”,选择“控制面板”里选择“代码”那一项
    因为我们要GG搜索与自己的博客搜索页融合,所以不选“在 Google 托管的网页上”那一项,由于我不会用那个“新功能”(关于API的)所以我选择了“iframe”,如下图
 





 



    在“指定搜索结果详情”下边的表格中填上在自己网站上显示搜索结果的网址,我的搜索页是http://www.iblog2008.cn/search.asp,所以我就填上http://www.iblog2008.cn/search.asp,如下图:
 





 



    填好后在下边就会得到搜索代码搜索结果代码

   
两种使用代码的方法:
     一、直接插入代码(不过看起来有点乱)
     二、调用法:把搜索代码做成GGSEARCH.asp(文件名自定,但得是asp文件),把搜索结果代码做成GGRESULT.asp,然后将这两个文件放入博客根目录的INCLUDE目录里
    用<#CACHE_INCLUDE_GGSEARCH#> 调用搜索代码
    用<#CACHE_INCLUDE_GGRESULT#> 调用搜索结果代码

 准备工作结束开始修改模板

打开搜索页模板search.html

1)找到如下代码:

<div id="divMain">
<div class="post"><#ZC_MSG085#>:<#BlogTitle#></div>
<#template:article-multi#>
  </div>

红色部分改成搜索结果代码
调用代码<#CACHE_INCLUDE_GGRESULT#>

 

2)找到如下代码:

<div class="function" id="divSearchPanel">
<h3><#ZC_MSG085#></h3>
<ul>
<li>
<form method="post" action="<#ZC_BLOG_HOST#>cmd.asp?act=Search">
<input type="text" name="edtSearch" id="edtSearch" size="12" />
<input type="submit" value="<#ZC_MSG087#>" name="btnPost" id="btnPost" />
</form>
</li>
</ul>
</div>

蓝色部分替换成搜索代码
调用代码<#CACHE_INCLUDE_GGSEARCH#>

 

然后上传文件,在后台文件重建,就行了
PS:若是把搜索代码放在侧栏,则需修改一下代码了,GG提供的代码有点“宽”

结果代码的宽度对于很多主题也不太合适,所以也要修改

<!-- Google Search Result Snippet Begins -->

<div id="results_001699448510363598810:r5gh41dp6ua"></div>
<script type="text/javascript">
  var googleSearchIframeName = "results_001699448510363598810:r5gh41dp6ua";
  var googleSearchFormName = "searchbox_001699448510363598810:r5gh41dp6ua";
  var googleSearchFrameWidth = 650;
  var googleSearchFrameborder = 0;
  var googleSearchDomain = "www.google.com";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

<!-- Google Search Result Snippet Ends -->

红色的那个是宽度,不用我说了吧,自己调整成需要的就OK了

要是有不妥的地方,请提出你的见解啊

此文章仅适用于Z-blog


要是你想保留博客自身的搜索而且还想用Google搜索的话,你或许在《Google搜索和博客自带的搜索共存》中找到答案
3月5日,根据飞月的意见做了部分修改

喜欢本文? 欢迎订阅通过 通过Google订阅哎!部落格 通过Yahoo!订阅哎!部落格 通过抓虾订阅哎!部落格 通过鲜果订阅哎!部落格 通过有道订阅哎!部落格 通过哪吒订阅哎!部落格 通过QQ邮箱订阅哎!部落格 通过飞豆订阅哎!部落格 通过Pageflakes订阅哎!部落格 通过Netvibes订阅哎!部落格 通过Newsgotor订阅哎!部落格 通过Bloglines订阅哎!部落格 订阅哎!部落格,获取最新文章
  • quote 4.afan
  • http://blog.faninfo.cn
  • 又能减轻服务器负担,又在自己页显示结果,又能赚广告费,一举三得啊~!好,佩服,等申请GG广告后也试试!Faint
    游魂 于 2008-2-29 20:28:08 回复
    我现在用的是Google的自定义搜索,不是那个广告的,等以后能申请了再换
    Gravatar Icon
  • 2008-2-29 19:43:52 [Report Spam]  回复该留言
  • quote 6.飞月
  • http://www.flymoonblog.cn/
  • 我刚刚使用了~唯一让我很不爽的是那个宽度是没有办法改的~我已尝试使用修改边框大小~使用CSS定义等方法`结果没法显示~可能是工作人员的失误~~
    什么时候能改了我再使用你这个吧~~
    游魂 于 2008-3-5 12:35:33 回复
    我记得可以啊
    Gravatar Icon
  • 2008-3-5 10:11:32 [Report Spam]  回复该留言