FVF.me'Ye » google http://fvf.me 我是孤独的根号5 Mon, 19 Sep 2011 12:10:36 +0000 en hourly 1 http://wordpress.org/?v=3.3 Google自定义搜索设置之搜索元素 http://fvf.me/wordpress/theme/google-custom-search-to-set-the-search-element.html http://fvf.me/wordpress/theme/google-custom-search-to-set-the-search-element.html#comments Thu, 02 Sep 2010 11:38:00 +0000 死兔子 http://fvf.me/wordpress/theme/google%e8%87%aa%e5%ae%9a%e4%b9%89%e6%90%9c%e7%b4%a2%e8%ae%be%e7%bd%ae%e4%b9%8b%e6%90%9c%e7%b4%a2%e5%85%83%e7%b4%a0.html 今天帮网友找资料，发现网站的搜索页面有的差一点。感觉不爽，就想到了Google自定义搜索，呵呵！去设置新建了一个新的自定义搜索。得到搜索引擎的唯一 ID，其实就是一个自定义搜索个人标识一样。

巧合的是咱这个主题尽然自带支持Google的自定义搜索。本以为把那个个人ID填进去就好了，结果搜索一下发现不行，悲剧的事情啊！看来还是得自己动手丰衣足食啊。

搜索了发现原来有两种设置方法，对应着Google自定义搜索的2个实现方法。方法一，搜索元素：提供大多数布局和自定义选项。方法二，IFRAME：提供的自定义内容有限，且需要为您网站上的搜索结果提供单独网页。当然还有一种方法是，Google 托管的网页。搜索结果位于 Google 上。

方法一：搜索元素

这种方法其实是最好看的，所以我第一个想到就是它，高速Ajax加载，减少主机负担，自定义CSS，自定义展示结果，高亮搜索，而且Adsense集成，Analytics 集成。

开始去Google自定义搜索里面设置-外观-托管选项-搜索元素：提供大多数布局和自定义选项。保存得到代码，不过这个代码不能随便的用，需要修改一下，添加正则表达式的传参代码。复制page.php页面适当修改，制作成cse模板，代码如下

<?php
/*
Template Name: cse
*/
?>
<?php get_header(); ?>
<div class="post">
<div class="contents">
<div id="cse" style="width: 100%;">正在从Google 加载搜索结果……</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load(‘search’, ’1′, {language : ‘zh-CN’});
google.setOnLoadCallback(function(){
var customSearchControl = new google.search.CustomSearchControl(‘//换成自己的ID号’);
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw(‘cse’);
var match = location.search.match(/q=([^&]*)(&|$)/);
if(match && match[1]){
var search = decodeURIComponent(match[1]);
customSearchControl.execute(search);
}
});
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/greensky.css" type="text/css" />
<div class="fixed"></div>
</div>
</div>
<?php get_sidebar(); ?>
<div class="fixed"></div>
<div id="bottom">
<?php get_footer(); ?>

接下来在WP后台新建一个搜索页面，选择页面模板 cse 就是刚刚传上去的那个文件，设置永久链接：比如咱的是http://fvf.me/search，得到页面的ＩＤ号，比如咱的是130号，点击发表页面。然后修改header.php

wp_list_pages('title_li=0&sort_column=menu_order');

修改成刚才获取的页面ID，

wp_list_pages('title_li=0&sort_column=menu_order&exclude=130');

这样就能把刚才的搜索页面排除在导航栏之中了。

终于咱有了一个正常使用的search页面，下面开始对首页的搜索条进行修改，用了一个正则来处理传递参数。

<form method="get" id="searchform" action="http://fvf.me/search">
<div>
<input type="text" value="Click Enter…" name="q" id="search_input" onFocus="this.value = this.value == this.defaultValue ? ” : this.value" onBlur="this.value = this.value == ” ? this.defaultValue : this.value" />
</div>
</form>

现在基本的功能都已经实现了，最后要做的就是优化 CSS，使之看起来跟博客协调！在Google自定义搜索的控制面板选择 外观-搜索元素-自定样式。最下面都有阅览供大家调试。

]]> http://fvf.me/wordpress/theme/google-custom-search-to-set-the-search-element.html/feed 0 Google自定义搜索设置之IFRAME http://fvf.me/diary/google-custom-search-to-set-the-iframe.html http://fvf.me/diary/google-custom-search-to-set-the-iframe.html#comments Thu, 02 Sep 2010 04:09:00 +0000 死兔子 http://fvf.me/diary/google%e8%87%aa%e5%ae%9a%e4%b9%89%e6%90%9c%e7%b4%a2%e8%ae%be%e7%bd%ae%e4%b9%8biframe.html 刚刚设置了Google的自定义搜索,发现搜索结果很长时间在加载中,起码等待了5，6秒。很悲剧啊，也不知道是我的服务的关系还是什么，看来咱只能换另一种模式设置那就是方法二，IFRAME：提供的自定义内容有限，且需要为您网站上的搜索结果提供单独网页。虽然Google讲了这么多的坏处，当我还是发现它的好处就是速度快，不知道是什么原因。但是就为这速度我决定选它了。

第一步修改模板，复制page.php另存为cse.php，根据自己的主题把Google自定义搜索代码添加修改，把一些调用留言框的代码等都可以注释或删除掉，大体如下

<?php
/*
Template Name: cse
*/
?>
<?php get_header(); ?>
<?php if (have_posts()) : the_post(); ?>
<div class="post">
   <div class="contents">
     //Google自定义搜索代码开始
     <div id="cse-search-results"></div>
     <script type="text/javascript">
       var googleSearchIframeName = "cse-search-results";
       var googleSearchFormName = "search_box";
       var googleSearchFrameWidth =660;//搜索内容的宽带
       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自定义搜索代码结束
     <div class="fixed"></div>
   </div>
</div>
<?php else : ?>
<?php endif; ?>
</div>
<?php get_sidebar(); ?>
<div class="fixed"></div>
<div id="bottom">
<?php get_footer(); ?>

然后都一样，就是新建一个搜索页面，使用cse模板，当然前面已经新建了，不过要把那个永久链接修改成http://fvf.me/cse。然后就是把搜索这个页面在导航栏中隐藏掉，方法在上一个页面中。

接下来修改主页上的搜索框代码，由于咱的主题自带了调用Google自定义搜索的参数，写入刚才获取的搜索引擎的唯一 ID并启用它，继续修改header.php，找到如下代码：

<form action="http://www.google.com/cse" id="search_box" method="get">
  <div id="searchbox">
   <input type="text" id="searchtxt" class="textfield" name="q" size="24" />
    <input type="hidden" name="cx" value="<?php echo $options['google_cse_cx']; ?>" />
    <input type="hidden" name="ie" value="UTF-8" />
  </div>
</form>

非此主题者，查找form标签修改一下就好了

<form action="http://sitz.me/cse" id="search_box" method="get">
   <div id="searchbox">
     <input type="hidden" name="cx" value="<?php echo $options['google_cse_cx']; ?>" />//非此主题者可以直接在此写入搜索引擎的唯一 ID
     <input type="hidden" name="cof" value="FORID:11" />
     <input type="hidden" name="ie" value="UTF-8" />
     <input type="text" class="textfield" id="searchtxt" name="q" size="24" />
   </div>
</form>

这样子就好了。搜索一下发现搜索速度明显快多了。

]]> http://fvf.me/diary/google-custom-search-to-set-the-iframe.html/feed 0 Chrome上用Sidewiki http://fvf.me/tools/online/chrome-on-the-use-sidewiki.html http://fvf.me/tools/online/chrome-on-the-use-sidewiki.html#comments Sun, 01 Nov 2009 01:55:01 +0000 死兔子 http://fvf.me/tools/online/chrome%e4%b8%8a%e7%94%a8sidewiki.html 今天上网是看见了Sidewiki软件，一看是Google的我就去关注一下，看看有什么好玩的，一看瞧明白了，原来就是使用了这软件之后，你可以在任何网站、任何页面都可以发表你言论的工具，当然了现在的情况是你可以在个Google自家的浏览器上使用了，可以把你自己的评论发表到twitter和facebook上去，呵呵！

去试试把，使用方式是Internet Explorer和 Firefox的点击下载.

chrome和Safari等支持JS书签的浏览器，保存一下为书签就可以了，
点击选择语言

]]> http://fvf.me/tools/online/chrome-on-the-use-sidewiki.html/feed 1 收到Google wave的邀请码 http://fvf.me/tools/online/google-wave-received-an-invitation-code.html http://fvf.me/tools/online/google-wave-received-an-invitation-code.html#comments Sat, 31 Oct 2009 00:49:03 +0000 死兔子 http://fvf.me/tools/online/google-wave-received-an-invitation-code.html 今天收到了Google wave的邀请码，真的好高兴啊！

为此我在网上泡了2个星期，还在题名之后等了3天啊，这么多天的等待终于可以自己尝试一下wave了，以前还只能看到别人用的图片，现在在我自己的电脑上就能使用了，好兴奋啊！不过为了了解使用wave我还是花了很大的力气！只是不好的是现在还只是英文界面！

]]> http://fvf.me/tools/online/google-wave-received-an-invitation-code.html/feed 12 改写404页面之Inove 主题 http://fvf.me/wordpress/theme/404-pages-inove-rewrite-of-the-theme.html http://fvf.me/wordpress/theme/404-pages-inove-rewrite-of-the-theme.html#comments Wed, 05 Aug 2009 07:46:33 +0000 死兔子 http://fvf.me/wordpress/%e6%94%b9%e5%86%99404%e9%a1%b5%e9%9d%a2%e4%b9%8binove-%e4%b8%bb%e9%a2%98.html 改写404页面

这主题 有一个小秘密，就是404页面了，里面还有MG12那个咸湿佬的图片和网站链接。建议大家改一下404页面，很不客气的把他的图片和链接给该了，当然了footer的MG12的链接，还是留着的，做人还是要厚道的。这也是国际惯例了吧！表示对作者的谢意！我把Google的404页面代码也加上去了，代码如下：

<script type="text/javascript">
var GOOG_FIXURL_LANG = 'zh-CN';
var GOOG_FIXURL_SITE = 'http://fvf.me/';</script>
<script type="text/javascript" src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>

把其中的http://fvf.me 改一下就可以了。这样当用户访问到404页面的时候会出现Google的搜索条，进行网站的内部搜索！方便用户进行查找!  

]]> http://fvf.me/wordpress/theme/404-pages-inove-rewrite-of-the-theme.html/feed 2