livedoor Blogに設置

　このページは、livedoor BlogにHoundを設置する方法を解説しています。

1. ブログの設定/管理ページから、「デザインの設定」をクリック

2. 「カスタマイズ」をクリック

　このリンクはページの下のほうにあります。

3. 「個別記事ページ」をクリック

4. 編集欄の中で<IfArticleAllowPing>という文字列を探し、その文字列の直前に、以下のように書き加えます

<script type="text/javascript" language="JavaScript">
<!--
    rh_site = "<$BlogUrl$>";
    rh_site = rh_site.substring(0, rh_site.length - 1);
    rh_url = "<$ArticlePermalink$>";
// -->
</script>
<script type="text/javascript" language="JavaScript"
　　　　src="http://www.hound.jp/hound.js">
</script>

5. 編集欄の下にある「この内容で保存する」ボタンをクリック

6. 編集欄の上にある「トップページ」をクリック

7. 編集欄の中で<$PluginList_A$>という文字列を探し、その文字列の直後に、以下のように書き加えます

<script type="text/javascript" language="JavaScript">
<!--
    rh_site = "<$BlogUrl$>";
    rh_site = rh_site.substring(0, rh_site.length - 1);
    rh_url = "<$BlogUrl$>";
    rh_button = "subwindow";
// -->
</script>
<script type="text/javascript" language="JavaScript"
　　　　src="http://www.hound.jp/hound.js">
</script>

8. 編集欄の中で</IfArticleAllowPing>という文字列を探し、その文字列の直後に、以下のように書き加えます

<span class="rhstat"> |
  <span class="link">Backlink(
    <span class="url"><$ArticlePermalink$></span>
    <span class="title"><$ArticleTitle ESCAPE$></span>)
  </span>
</span>

　複数のエントリが表示されるページでは、各エントリにコメントの数が「Comment(3)」などと表示されます。上のように書き加えることで、リンク元の件数が「Backlink(4)」のように表示されるようになります。

　縦棒、かっこ、「Backlink」の文字列などは、コメント数表示部のデザインにあわせて書き換えてください。表示してみて、不要な空白が入っている場合は、改行と空白を削除してください。

9. 編集欄の中で</body>という文字列を探し、その文字列の直前に、以下のように書き加えます

<script type="text/javascript" language="JavaScript">
<!--
    rhstat_site = "<$BlogUrl$>";
    rhstat_site = rhstat_site.substring(0, rhstat_site.length - 1);
// -->
</script>
<script type="text/javascript" language="JavaScript"
    src="http://www.hound.jp/stat.js">
</script>

10. 編集欄の下にある「この内容で保存する」ボタンをクリック

12. カテゴリアーカイブと月別アーカイブについて、手順8、9、10を行います

13. 編集欄の上にある「スタイルシート(CSS)」をクリック

14. 編集欄の中で、一番下に以下のように書き加えます

.rhstat {
    display:none;
}

15. 編集欄の下にある「この内容で保存する」ボタンをクリック

16. 「ブログに設定を反映（再構築）」をクリック

17. 「すべてのページ」を選択し、「ブログを再構築する」ボタンをクリック

18. 表示を確認

　たとえ正しく動作していても、デザインの不整合などが見つかるでしょう。テンプレートの修正と表示確認を繰り返して、デザインを調整します。

　Houndの表示を調整したい場合は、高度な使い方を参照してください。ボタンの水平位置やフォントサイズなどを調整できます。

Hound （ハウンド）