November 18, 2010

Bloggerに関連記事を入れる

http://code.google.com/p/brps/wiki/ClientGasJs

  1. Dashboard→Design→Edit HTML。
  2. 必要に応じてテンプレートをバックアップ。
  3. Edit TemplateでExpand Widget Templatesにチェックを入れてテンプレートを編集。


  4. <div class='post-footer'>を探す。(Ctrl+fとかcommand+fとかで)
    その下に以下のように追加する。

        <div class='post-footer'>
    
    <!-- ここから -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="http://brps.appspot.com/gas.js"></script>
    <h2>Related Posts</h2>
    <div id="gas-results"></div>
    <!-- 設定 -->
    <script>
    window.brps_gas = {
      remove_tags: ['unwanted_tag1', 'unwanted_tag2'], 
      tag_selector: 'a[rel=tag]',
      limit: 5,
      add_sites: ['secondblog.blogspot.com', 'thirdblog.blogspot.com'],
      remove_string_regexp: /^.*?: /,
      exclude_url_regexp: /(\/search\/label\/|(archive\.html|blog\.example\.com\/|\.blogspot\.com\/)$)/,
      html_loading: '<span>Loading...</span>',
      html_no_results: '<span>Found no results.</span>'
      };
    </script>
    </b:if>
    <!-- ここまで -->
    
    jqueryを他で読み込んでいたら5行目はいらない。
    設定は自分の環境に合わせて。