ようこそゲストさん

ITメモ

     

はてなスターを設置する (〜Ver1.44)

はてブ情報 はてブに登録 はてブ数
【2008年8月24日追記】
以下の記事は古い情報です。
この機能はadiary Ver2.00以降で標準機能として搭載また改善されています。
はてなスターは、ブログにワンクリックで☆が付けられるサービスです。あなたのブログをもっと楽しくします。はてなダイアリー以外のブログサービスでもご利用になれます。(公式サイトから引用)

コメントを書くのは面倒、でもポチっとクリックするくらいなら。とお気軽に記事を評価してもらえるサービスです。
はてなユーザーならば、設置してみてはいかがでしょうか。

adiaryではVer1.41からはてなスターをサポートしています。
[管理メニュー]の[日記帳の設定(詳細)]を開き、[表示設定]で、設定ができます。

しかし、Ver1.44時点でははてなスターの機能は、正常に動作しません
仕様上、他の機能と競合しているためですが次期バージョンで恐らく対応されると思われます。
現時点では以下の手順に従い、設定を進めてください。
【2008年1月14日追記】
adiaryVer1.44のパッチファイルで以下の問題が解決されています。
公式サイトからパッチファイルをダウンロードの上、対応ください。
公式サイトへ。「Ver1.44パッチ集」
【目次】

1.はてなユーザーに登録する

基本中の基本ですが、まずはあなた自身がはてなのユーザーである必要があります。
はてなスターの画面右上、[ユーザー登録]から登録してください。
すでにユーザーの方はログインしておいてください。

2.あなたのブログをはてなユーザーに登録する

はてなスターにアクセスし、画面中央の大きなスターをクリックしてください。
あなたの画面が表示されます。
画面右上にある、「Favorites Blogs Stars」の[Blogs]をクリックします。

あなたのブログの画面が表示されます。
ページ一番下にある、「外部のブログサイトを登録する」にあたなたのブログのURLを入力し[追加]をクリック。

3.あなたのブログのトークンを取得する

2の操作であなたのブログが登録され、画面に表示されていると思います。
また、スター表示用のHTMLコードが表示されていると思います。
(以下はITメモのソースです)
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = '0bafcd05daa56d072d45a86bcf2c3a14ad928af4';
</script>
この「Hatena.Star.Token」の「''」の中の数値をコピーします。
上の例で言えば、「0bafcd05daa56d072d45a86bcf2c3a14ad928af4」です。
これが「はてなスタートークン」です。

4.adiaryにはてなスターを設定する

adiaryにログインし、[管理メニュー]を表示し、[日記帳の設定(詳細)]をクリックします。
[表示設定]の項目までスクロールします。
[はてなスター]の項目を[記事タイトルに表示]または[記事の各見出しに表示]()を選択します。
[はてなスタートークン]の欄に3で取得したトークンを貼り付けます。
[この設定を保存する]をクリックします。

5.はてなスターが正常に表示・動作するようにする

2008年1月14日に公式サイトでVer1.44のパッチファイルが公開されています。
このパッチを適用する事で、以下の作業は不要となります。
以下の作業はadiary Ver1.44時点の説明です。以降のバージョンでは以下の作業は不要な場合があります。はてなスターが正常に動作しない場合、以降の作業を進めてください。

「diary.skel」内の
「_main.html」(69行目付近)と「_main_onelog.html」(73行目付近)の該当部分を探し変更します。
(既に、「diary.user.skel」内に上記2ファイルがある場合(以前にこれらのファイルを編集された事のある方)はそちらを変更してください。)

変更前(69行目付近)
<a class="switch" href="javascript:change('diary', 's<@t.pkey>');"><span class="<@body_sw>" id="s<@t.pkey>a">▼</span></a>
変更後
<span class="<@body_sw>" id="s<@t.pkey>a">▼</span>
「_main.html」(43行目付近)と「_main_onelog.html」(42行目付近)の該当部分を探し変更します。
変更前
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
<@if(set.hatena_star_token, "	Hatena.Star.Token = '<@set.hatena_star_token>';\n")>
<@if(set.disp_hatena_star == 2, "	Hatena.Star.EntryLoader.headerTagAndClassName = ['h2', null];\n")>
</script>
変更後
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
<@if(set.hatena_star_token, "	Hatena.Star.Token = '<@set.hatena_star_token>';\n")>
<@if(set.disp_hatena_star == 2, "	Hatena.Star.EntryLoader.headerTagAndClassName = ['h2', null];\n")>
<@if(set.disp_hatena_star == 3, "	Hatena.Star.EntryLoader.headerTagAndClassName = ['h3', null];\n")>
</script>
以上、合計4箇所を修正の上、ファイルを上書きし、「diary.user.skel」に上書きアップロードします。

# ひとぅ 2008年01月14日(月) 午後7時29分

【更新情報】
公式サイトでVer1.44パッチファイルが公開されました。
パッチを当てると5の作業が不要になります。

  • はてなスターを設置してみた ひとぅブログ ひとぅ
    adiryはVer1.41から「はてなスター」に対応していますが、少し前に設置してみよう、と思って設定してみたのですが、スターは表示されるのですが、「無効なURIを受け取りました」とエラーが表示されうまく動きませんでした。こちら側の設定ミスかな?と思ってし...