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

2012年12月14日

ページ概要

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

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

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

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

 

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

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

          • FC2ブログの管理画面を開きます。
          • 左サイドバーから、「環境設定」→「テンプレートの設定」を開きます
          • テンプレート設定、HTML編集を開きます。
          • 自分が使っているテンプレートの「HTML/CSS」の「編集」をクリックして
          • HTMLを表示させます。
          • HTMLの中の文字列から、<!–comment–>　というタグを探してください。
          • 探しにくい時は キーボードの「Ctrl」+「F」を押してみてください。
          • 検索窓が開きます。そこにを入れてみてください。
          • <!–comment–>が見つかったら、その少し下の方に、
          • <%comment_url+str>というタグがあります。
      • 以下、私のブログで説明します。テンプレートによって、若干違いがあるかもしれませんが
        基本は同じですので、参考にしてください。
        以下のソースの部分を見つけてください。
        SyntaxHighlighterについて
        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
        11
        <!--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>&nbsp;|&nbsp;</li>
        <li><%comment_mail+name></li>
        <li><span style="color: #dc143c;"><%comment_url+str></span>&nbsp;|&nbsp;</li>
        <li><a href="<%comment_edit_link>" title="コメントの編集">edit</a>&nbsp;|&nbsp;</li>
        <li><a href="#container" title="このページのトップへ">▲</a></li>
        </ul>
        <!--/comment-->

        私のブログソースは上記ようなテンプレートでした。
        この中、<%comment_url+str>の部分を見つけます。
        そのタグを、以下のソースに差し替えます。
        置換すると早いです。

        SyntaxHighlighterについて
        1
        2
        3
        4
        5
        6
        7
        <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>

        結果、このようなソースになります。
        ↓　↓　↓

        SyntaxHighlighterについて
        1
        <!--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>&nbsp;|&nbsp;</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>&nbsp;|&nbsp;</li> <li><a href="#container" title="このページのトップへ">▲</a></li> </ul> <!--/comment-->

以上で、FC2ブログでのコメント欄に書き込んでくれた人のサイトURLは別窓で開くようになります。

FC2ユーザーの方は、導入してみてください。

IT備忘録～ちょっとした小技

Posted by コバヤシ