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

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

手順は以下の通り。

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

<b:if cond='data:blog.pageType == "item"'>
<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 = {"title": "<h3>Related Links</h3>", "max_results": 5}
</script>
<script src='http://brps.appspot.com/brps.js' type='text/javascript'/>

これでおしまい。

ちなみに、

window.brps_options = {"title": "<h3>Related Links</h3>", "max_results": 5}

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

PS：bloggerってブログのカスタムが少し難しいなぁ・・・（＾＾；）

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

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

ちむどろいど

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