ブログホームにコメント欄及びコメントボタンを表示する

★　ブログホームにコメント欄及びコメントボタンを表示する




◆　関連記事

コメントフォームを記事内に設置する
http://ameblo.jp/new-blue-777/entry-11336255796.html
コメントフォームを記事内に設置する②（コメント欄が表示されている場合も表示します）
http://ameblo.jp/new-blue-777/entry-11411492082.html
ブログホームにコメントボタンを表示する
http://ameblo.jp/new-blue-777/entry-11259905841.html



●　ブログのホームまたは、ブログホームから次のページなどをクリックした
　　ページの記事下にコメント欄及びコメントボタンを設置する。

　①　アメンバー限定記事の設置は除く。
　②　コメントボタンの画像をＣＳＳで設置していれば　、ＣＳＳに設置している
　　　画像が適用されます。
　③　ajaxを利用して該当する記事のページのHTMLを読んでいるため、１ページに
　　　表示する記事件数が多い場合は、ページ表示に時間がかかる場合があります。
　　　また、アクセス解析において、アクセス数が増える可能性があります。



◆　設置方法

①　フリープラグインへ下記を追加します。

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type='text/javascript' src='http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css'></script>
<script type='text/javascript'>
comment_home_disp();
</script>

　■　説明

　　・　下記はフリープラグインの最初に１つあればOKです。

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>

　　　・　下記が既に設定されていれば、不要です。

<script type='text/javascript' src='http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css'></script>



●　当スクリプトの内容


function comment_home_disp(){// コメントをブログホームにも表示する
$(document).ready(function(){
var entry_url = new RegExp(/http\:\/\/ameblo\.jp\/(.*?)\/entry\-(\d+)\.html.*/);
var comment_count=$(".commentArea").length;
if(comment_count==0){
var Art_count=$(".skinArticleHeader").length;
for(i = 0; i < Art_count; i++){
var Art_url=$(".skinArticleHeader a:eq("+i+")").attr('href');
if (Art_url.match(entry_url)) {
var Art_data=$.ajax({url: Art_url, async: false}).responseText;
var Comment_data=$(".commentArea", Art_data);
$(".skinArticleFooter:eq("+i+")").after(Comment_data);
if ((typeof blogCommentType == "undefined") || (blogCommentType != "SMARTPHONE")){window.blogCommentType = "PC";}
}}}
});
}