【コピペ用】コメント欄をカスタマイズする方法

コメントが増えてくると、自分の返事とお客さんのコメントが重なって見にくくなります。

そのときに自分のコメントの背景色を変えれれば、見やすくなります。

そのためには以下のコードをフッターに張り付けてください。コピペです。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<!--自分のコメントを灰色に-->
<script>
$(function() {
    var MutationObserver = window.MutationObserver || window.WebkitMutationObserver;
    new MutationObserver(function (records) {
        records.forEach(function (record) {
            var myid = document.documentElement.dataset.author;
            $(".comment-user-id span[data-user-name=\"" + myid + "\"]", record.target).each(function() {
                this.parentNode.parentNode.parentNode.style.backgroundColor = "lightGray";
            });
        });
    }).observe(document.body.querySelector(".comment-box > ul.comment"), {childList: true});
});
</script>

 

参照記事:はてなブログのコメント欄についてですが、できればほかのブログ… - 人力検索はてな

 

<免責事項>

当サイトのすべてのコンテンツ・情報につきまして、可能な限り正確な情報を掲載するよう努めておりますが、必ずしも正確性・信頼性等を保証するものではありません。 当サイトに掲載された内容によって生じた損害等の一切の責任を負いかねます。 本免責事項、および、当サイトに掲載しているコンテンツ・情報は、予告なしに変更・削除されることがあります。 また、当サイトに掲載されるリンク先に関して一切の責任を負いかねます。 予めご了承下さい。

 

<当サイトのプライバシーポリシー>

当サイトでは、第三者配信による広告サービスを利用しています。このような広告配信事業者は、ユーザーの興味に応じた商品やサービスの広告を表示するため、当サイトや他サイトへのアクセスに関する情報 (氏名、住所、メール アドレス、電話番号は含まれません) を使用することがあります。このプロセスの詳細やこのような情報が広告配信事業者に使用されないようにする方法については、ここをクリックしてください。

・Google は第三者配信事業者として、Cookie を使用してサイトに広告を配信します。

・Google 広告 Cookie を使用することにより、お客様のサイトや他のサイトへのアクセス情報に基づいて、Google や Google のパートナーのユーザーに適切な広告を表示できます。

・ユーザーは Google の広告とコンテンツ ネットワークに関するプライバシー ポリシーにアクセスし、Google 広告 Cookie を使用しないよう設定できます。

 

Copyright © 2016 Blog Customize All Rights Reserved.