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

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

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

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

<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>

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