FC2ブログでのコメント欄URLを別窓で開くカスタマイズ

2012年12月14日2017年11月5日

【備忘録】・FC2のコメント欄URL別窓表示カスタマイズ

FC2ブログを使っていて、こりゃ、マズイなぁ・・と思ったのが、
頂戴したコメントのリンクです。

もちろん、ブログにコメントをいただくのは大変嬉しいことです。
しかし、せっかく頂いたコメントやトラックバックですが、
その方のURLは、デフォルトでは同じウィンドウで開いてしまいます。

これを別窓で開くようにする方法です。

■FC2ブログのコメント欄のURLを別窓で開く修正方法

手順を箇条書きにしてみます。

FC2ブログの管理画面を開きます。
左サイドバーから、「環境設定」→「テンプレートの設定」を開きます
テンプレート設定、HTML編集を開きます。
自分が使っているテンプレートの「HTML/CSS」の「編集」をクリックして
HTMLを表示させます。
HTMLの中の文字列から、<!–comment–>　というタグを探してください。
探しにくい時はキーボードの「Ctrl」+「F」を押してみてください。
検索窓が開きます。そこにを入れてみてください。
<!–comment–>が見つかったら、その少し下の方に、
<%comment_url+str>というタグがあります。

以下、私のブログで説明します。テンプレートによって、若干違いがあるかもしれませんが
基本は同じですので、参考にしてください。
以下のソースの部分を見つけてください。
[html]<!–comment–></span>
<h3 id="comment<%comment_no>" class="sub_title"><%comment_title></h3>
<div class="sub_body"><%comment_body></div>
<ul class="sub_footer">
<li><%comment_year>-<%comment_month>-<%comment_day> | </li>
<li><%comment_mail+name></li>
<li><span style="color: #dc143c;"><%comment_url+str></span> | </li>
<li><a href="<%comment_edit_link>" title="コメントの編集">edit</a> | </li>
<li><a href="#container" title="このページのトップへ">▲</a></li>
</ul>
<!–/comment–>[/html]
私のブログソースは上記ようなテンプレートでした。
この中、<%comment_url+str>の部分を見つけます。
そのタグを、以下のソースに差し替えます。
置換すると早いです。
[html]<script type="text/javascript"> </span>
<span style="color: #800080;">a="<%comment_url>"; </span>
<span style="color: #800080;">if (a!="") document.write('<a href="’+a+’" target="_blank">URL</a>’) </span>
<span style="color: #800080;"></script> </span>
<span style="color: #800080;"><noscript> </span>
<span style="color: #800080;"><a href="<%comment_url>" target="_blank">URL</a> </span>
<span style="color: #800080;"></noscript>[/html]
結果、このようなソースになります。
↓　↓　↓
[html]<!–comment–> <h3 id="comment<%comment_no>" class="sub_title"><%comment_title></h3> <div class="sub_body"><%comment_body></div> <ul class="sub_footer"> <li><%comment_year>-<%comment_month>-<%comment_day> | </li> <li><%comment_mail+name></li> <span style="color: #dc143c;"><li><script type="text/javascript"> </span> <span style="color: #dc143c;">a="<%comment_url>"; </span> <span style="color: #dc143c;">if (a!="") document.write('<a href="’+a+’" target="_blank">URL</a>’) </span> <span style="color: #dc143c;"></script> </span> <span style="color: #dc143c;"><noscript> </span> <span style="color: #dc143c;"><a href="<%comment_url>" target="_blank">URL</a> </span> <span style="color: #dc143c;"></noscript></li></span> <li><a href="<%comment_edit_link>" title="コメントの編集">edit</a> | </li> <li><a href="#container" title="このページのトップへ">▲</a></li> </ul> <!–/comment–>[/html]