※間違い箇所があったので修正しました(11/28 13:00)
※改良版はこちら(http://ameblo.jp/blog-lab/entry-11094063033.html)
アメブロのトップページは基本的に記事が全部読めてしまうので、読者はそこから直接コメントを残そうと『コメント』というリンクを踏みます。
すると何故か記事別ページに飛ばされます。
さらにそこで『コメント記入欄を表示』をクリックしないとコメントできません。
なんだかそれってめんどくさいなと思い、写真のような感じにしてみました。
フリープラグインに以下のようにjavascriptを記入すればOKです。
ただし、右カラムにプラグインを設置していること、それにjQueryを導入していることが条件です。
jQueryの導入の仕方はこちらで確認してください。
<script type="text/javascript">
(function($){
var myID = location.pathname.split('/')[1];
$('.skinArticle:has(a.commentLink)').each(function(){
$('a.commentLink',this)
.before('<a class="leaveCommentLink" target="comment" onclick="return commentWinOpen(this);" href="http://comment.ameba.jp/public/comment/displaycommentform.do?eid='+($('a:eq(0)',this).attr('href').replace(/http:\/\/ameblo.jp\/.+\/entry-(\d+)\.html/,'$1'))+'&bnm='+myID+'">この記事にコメントする</a> | ')
.html($('a.commentLink',this).html().replace(/コメント((\(\d+\))*)/,'この記事へのコメントを読む$1'));
});
}(jQuery));
</script>
ミスを指摘頂いたソレイユさんありがとうございました!