「この記事にTwitterでコメント」をadiaryにもつけてみたよ!

この記事がおもしろかったらシェアしてね

20090413_210000.png
最近、Twitterの魅力をうすうす感じつつあるひとぅですが(ようやくかい!)、「頭ん中」の増永さんの「この記事にTwitterでコメント」ボタンをつけたよという記事にインスパイアされて、私のブログにもTwitterでコメントできるようにボタンを設置してみました。

記事のタイトル下にある「t」のアイコンをクリックすれば、その記事に対するコメントをTwitterで簡単にコメントできる、というものです。

私が使っているブログツールは「adiary」。以下に設置の方法をご紹介します。興味のある方は参考にしてくださいね。ちなみにこれまで、Twitterでブログの記事についてコメントをもらってことは増永さんと違って一度もありません(T_T)。グスン!

スポンサーリンク

adiaryに「この記事にTwitterでコメント」を設置する方法

  1. FTPソフトでサーバに接続します。「diary.user.skel」に「_main.html」がある場合はFTPソフトでダウンロードしてテキストエディタで開きます。
    ない場合は、「diary.skel」から「_main.html」をFTPソフトでダウンロードしてテキストエディタで開きます。
  2. 90行目付近の
    <@ifexec(s.disp_hatena_bicon, begin)><a href="http://b.hatena.ne.jp/entry/<@v.server_url><@t.this_diary_url>" class="bookmark-icon"><img src="http://d.hatena.ne.jp/images/b_entry_<@bc>.gif" alt="はてブ情報" width="16" height="12"  class="icon"></a> <a href="http://b.hatena.ne.jp/append?<@v.server_url><@t.this_diary_url>" class="bookmark-icon"><img src="<@v.bookmark_icons>b_append_<@bc>.gif" alt="はてブに登録" width="16" height="12"></a> <a href="http://b.hatena.ne.jp/entry/<@v.server_url><@t.this_diary_url>" class="bookmark-count"><img src="https://b.hatena.ne.jp/entry/image/<@v.server_url><@t.this_diary_url>" alt="はてブ数"></a><$end>
    

    の下に

    <a href="http://twitter.com/home?status=@【自分のTwitter ID】%20(%20<@v.server_url><@t.this_diary_url>%20)" title="この記事にTwitterでコメント" rel="nofollow"><img src="<@v.bookmark_icons>twitter.gif" alt="t" /></a>
    

    を挿入します。

  3. 「_main.html」を上書き保存し「diary.user.skel」ディレクトリ内にFTPソフトでアップロードします。
  4. 「diary.user.skel」に「_main_onelog.html」がある場合はFTPソフトでダウンロードしてテキストエディタで開きます。
    ない場合は、「diary.skel」から「_main_onelog.html」をFTPソフトでダウンロードしてテキストエディタで開きます。
  5. 90行目付近の
    <@ifexec(s.disp_hatena_bicon, begin)><a href="http://b.hatena.ne.jp/entry/<@v.server_url><@t.this_diary_url>" class="bookmark-icon"><img src="http://d.hatena.ne.jp/images/b_entry_<@bc>.gif" alt="はてブ情報" width="16" height="12"  class="icon"></a> <a href="http://b.hatena.ne.jp/append?<@v.server_url><@t.this_diary_url>" class="bookmark-icon"><img src="<@v.bookmark_icons>b_append_<@bc>.gif" alt="はてブに登録" width="16" height="12"></a> <a href="http://b.hatena.ne.jp/entry/<@v.server_url><@t.this_diary_url>" class="bookmark-count"><img src="https://b.hatena.ne.jp/entry/image/<@v.server_url><@t.this_diary_url>" alt="はてブ数"></a><$end>
    

    の下に

    <a href="http://twitter.com/home?status=@【自分のTwitter ID】%20(%20<@v.server_url><@t.this_diary_url>%20)" title="この記事にTwitterでコメント" rel="nofollow"><img src="<@v.bookmark_icons>twitter.gif" alt="t" /></a>
    

    を挿入します。

  6. 「_main.html」を上書き保存し「diary.user.skel」ディレクトリ内にFTPソフトでアップロードします。
  7. 「t」の画像ファイルを取得します。→「」(アイコン上で右クリック→名前をつけて画像を保存でローカルに保存します。ファイル名は「twitter.gif」で。)
  8. 「twitter.gif」をFTPソフトで「/public/b_icons/」に保存します。(はてブのアイコンが保存されているディレクトリに間借りします。)

以上で完了です。うまく上記画像のような「t」が表示されていますか?クリックしてみてTwitterに移動しコメントがあらかじめ入ってるか、確認してみてください。実際の動作はこの記事の「t」をクリックすれば確認できます。クリックしてみて早速コメントしてみましょう!!!(^_^;)。

スポンサーリンク
この記事をお届けした
ひとぅブログの最新ニュース情報を、
いいねしてチェックしよう!

この記事がおもしろかったらシェアしてね

ひとぅに興味を持った方はフォローしてね

関連記事

この記事に関連するオススメ


Highslide for Wordpress Plugin