2011/08/05

「関連記事」欄を追加しました!

他の偉大な先人方のブログを見ていて羨ましいのが、各記事の最後にある関連記事のリンク群。ブログを見るときって、調べ物をしている時のことが多いだろうし、こういうリンク群はいいなぁと思っていたので、当ブログにも設置してみました。

手順は以下の通り。

  • まずは、「デザイン」→「HTMLの編集」へ進み、「ウィジェットのテンプレートを展開」にチェック。
  • <div style='clear: both;'/> <!-- clear for photos floats -->という記述を探して(ブラウザの検索機能を使うと楽です♪)、以下の記述を追加。

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/>
    <script src='http://brps.appspot.com/gas.js'/>
    <h4>Related Links</h4>
    <div id='gas-results'/>
    </b:if>

  • </body>の直前に以下の記述を追加

    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
    window.brps_options = {&quot;title&quot;: &quot;<h3>Related Links</h3>&quot;, &quot;max_results&quot;: 5}
    </script>
    <script src='http://brps.appspot.com/brps.js' type='text/javascript'/>

これでおしまい。

ちなみに、
window.brps_options = {&quot;title&quot;: &quot;<h3>Related Links</h3>&quot;, &quot;max_results&quot;: 5}

の”5”は、表示させるリンクの数です。好きな数字に変更してください(^^)


PS:bloggerってブログのカスタムが少し難しいなぁ・・・(^^;)


注1:Bloggerアクセス時に”blogspot.com”から”blogspot.jp”へリダイレクトされるようになった。でお知らせしたとおり、.jpアドレスでは本エントリで紹介した方法は使用できません。

注2:関連記事用にZenBackを導入した!の通り、Zenbackを導入しましたので、この方法による関連記事表示方法は現在採用していません。



 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates
Related Posts Plugin for WordPress, Blogger...