2005年04月23日

コメントのURLから飛べるようにする方法

下に貼っているjavascriptは、地獄変00さんのblogの記事
「livedoor Blogのコメント欄にURL自動リンク機能をつける」
を借用させていただいています。

それでは順をおって説明を始めます。

ログインしたら、「Blogの設定」のデザインの設定をクリック

オリジナルデザインテーマを選択している人も、
とりあえずカスタムデザインテーマをクリック

どれでもいいので(既にカスタマイズしている人はそれを)クリックすると
「テーマの設定」という別窓が開きます。
その中の「HTMLテンプレート編集機能はこちらのページからどうぞ」をクリック

HTMLの種類の「個別記事」の横にある編集をクリックすると、
それに該当するHTMLが下に表示されるので、目を皿のようにして
</head>というタグを探し出してください。
<body<IfArticleAllowComment>ほにゃららの手前で80行前後にあると思います)

その</head>の直前に、以下のscriptをそのまま貼り付けてください。

<script type=text/javascript>
function changeURLIntoLink() {
  var aryDiv = document.getElementsByTagName("div");
  var sHTML;
  var regURL = new RegExp("(s?https?://[-_.!~*'()a-zA-Z0-9;/?:@&=+$,%#]+)","g");
  for(var i = 0; i < aryDiv.length ; i++){
    if(aryDiv[i].getAttribute("class") == "comments-body" ||
       aryDiv[i].getAttribute("className") == "comments-body"){
      sHTML = aryDiv[i].innerHTML;
      aryDiv[i].innerHTML = sHTML.replace(regURL,'<a href="$1">$1</a>');
    }
  }
}
</script>

まだあります。
次は、またまた目を皿のようにして
   <IfArticleAllowComment>
  <table cellpadding="5" cellspacing="0" border="0" class="form">

という2つのタグを探し出して、
その2つのタグの間に、以下を貼り付けてください。

<script type=text/javascript>
changeURLIntoLink();
</script>

それが終われば、あとは保存するボタンをクリックして保存を確認した後、
ウィンドウを閉じるで窓を閉じてください。

その後は、「Blogの設定」のBlogの再構築をクリックし、
再構築の対象を全アーカイブとしてから、再構築ボタンをクリック

再構築が終わるまで待ってから、エラーになったりしていないかを
実際にコメントにURLを入れて実験してみてください。
もしも間違っちゃった場合は、HTMLの画面までたどりついてから、
デフォルトに戻すボタンをクリックすれば、とりあえず最初の状態に戻ります。
その後、その最初の状態として再構築しなおしてから、
おかしい点をチェックして、再度挑戦してみてください。


ちなみに、コメントの確認画面はHTMLの選択時にコメント投稿ページを選択して
</head>の直前に同じJavaScriptを貼り付けて
その後にもう1つ貼り付けるほうを、以下の間に入れるとOKです。

<$CommentPostError$>
<table cellpadding="5" cellspacing="0" border="0" class="form">


何かを変更したときは、必ず全アーカイブの再構築を行ってください。
もしもそれを忘れると、内容は反映されないので注意してください。
 

 

この記事へのトラックバックURL

http://blogs.dion.ne.jp/santa_new_version/tb.cgi/967173
この記事へのトラックバック
コメント内のURLから、すわ〜っと飛ぼう!! ほんとにありがとうございました。これ、広まると便利ですよね。URL先が、ブログじゃない場合の情報など、これでばっちり簡単ゲットです。
コメント内のURLから飛ぶ設定【あしか祭り】at 2005年04月24日 19:07
この記事へのコメント
すみません。きょうは土曜なので、子ども達が学校休みだしという事で朝から働いておりまして、夜も来客などで忙しくやっとパソコン開きました。

ざっと見た感じでは、よくわからない・・・。

のですが、自分で投稿する時に出来るわけじゃなくて、した相手の人にしてもらうってことなのでしょうか?

そういえば、私ウィルスバスター入れてるんですけど、何事かが、きょうあったんですよね。
Posted by あしか at 2005年04月24日 00:37
どうも。
あしかさんのおっしゃるとおりで、
コメントを入れてもらう側が、blogのスキンをカスタマイズしなければならないのです。
なので、カスタマイズしていないblogにコメントを書いて、
そこにURLを貼り付けたとしても、このblogのようにはならないのです(汗)。
ウィルスバスターの件は、すごいことになってますね。
あしかさんのところは大丈夫でしたか?
ちなみに僕は、SOURCENEXTのソフトを入れているので影響はなかったのですが…。
Posted by santa at 2005年04月24日 04:03
偶然にも、きのうは忙しさのあまりパソコンを開かなかったのが幸いしたようで、今のところなんともないです。
あれは、ウィルスじゃなかったみたいなので、次の何かを何かすれば、すぐになんとかなったみたいでしたが、しなくて良かった方がいいから助かりました。

今朝の新聞にも載ってましたね。

URLから飛ぶ設定、とりあえず、自分のところはやってみようとおもいます。
がんばろ(*^m^*)
Posted by あしか at 2005年04月24日 11:34
できました!できましたよ!

「目を皿のようにして〜を探す」というところ、笑いをこらえながらやりました。
臨場感出てて、よかったですよ〜。
わかりやすかったです。

私ができたぐらいなんだから、きっとみなさんできますね。

ありがとうございました!☆^v(*^∇')乂('∇^*)v^☆
Posted by あしか at 2005年04月24日 18:51
すみません、あまりの嬉しさに、(少々意味不明ではありますが)トラックバックなどさせていただきました。
Posted by あしか at 2005年04月24日 20:09
あしかさん、どうも。
全然、ネットを見てなかったのですみません。
出来たんですね!
あのまま貼り付ければいいだけなのですが
なかなかさわってやってみよう、という人はいないと思うので
あしかさん、すごいですよっ!
トラックバックまでしてもらってありがとうございます。
Posted by santa at 2005年04月24日 22:12
おはようございます!
遅ればせながらですが
参考にさせていただきました!
いやいやとっても分かりやすかったです!
ありがとうございました!
Posted by osa at 2005年06月02日 08:58
osaさん、はじめまして。
コメントありがとうございます。
参考にしていただけてよかったです。
またいらっしゃってください。
Posted by santa at 2005年06月02日 21:37
あしかさんから教わってココにたどり着きました。
2つめが見つけにくかったですが、一発で成功しましたヾ(´∀`*)ノ
ありがとさんです。

それとチャリのめーたー買いましたよ。
ダイクマで2千円ほどのヤツ。
暗くならないうちに取り付けなくっちゃ。
Posted by Crambom、 at 2005年10月30日 16:36
クラムボンさん、どうも。
この機能、便利ですよね。
って僕が発明したわけじゃあないんですけど(汗)。

おぉーーー!メーター買ったんですか!
取り付けできましたか?
ワイアレスなんでしょうか。
自転車に乗るのがまたまた楽しくなりますよ〜。
Posted by santa at 2005年10月30日 21:23