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

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

◆　変更来歴

window.onload = function(){comment_B_disp();}

comment_B_disp();

◆　関連記事

コメントフォームを記事内に設置する

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

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

　　コメントボタンのみでコメント欄は除く。
　　アメンバー限定記事の設置は除く。
　　コメントボタンの画像をＣＳＳで設置していれば　、ＣＳＳに設置している
　　画像が適用されます。

●　例

　　私のブログに設置しています。

◆　設置方法

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

　■　説明

　　・　下記はフリープラグインの最初に１つあれば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>

　　・　window.onload が他にもフリープラグインにある場合は、１つにする必要があります。
　　　　例・・・　xxxxxx()が存在した場合

window.onload = function(){Menupop(),xxxxxx();}

　◆　http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css　の
　　　当スクリプトの該当記述部分部分

function comment_B_disp(){// コメントボタンをブログホームにつける
$(document).ready(function(){
var entry_url = new RegExp(/http\:\/\/ameblo\.jp\/(.*?)\/entry\-(\d+)\.html.*/);
var Ameba_ID;
if(location.pathname.indexOf("/",1)==-1){
Ameba_ID = location.pathname.substring(1,location.pathname.length);
}else{
Ameba_ID = location.pathname.substring(1,location.pathname.indexOf("/",1));
}
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_No=Art_url.substring(Art_url.indexOf(".html",1), Art_url.indexOf(".html",1)-11)
$(".skinArticleFooter:eq("+i+")").append('<div class="commentBtnArea"><a class="basicBtnS commentBtn" onclick="return commentWinOpen(this);" href="http://comment.ameba.jp/public/comment/displaycommentform.do?eid='+Art_No+'&bnm='+Ameba_ID+'">コメントする</a></div>')
}}
if ((typeof blogCommentType == "undefined") || (blogCommentType != "SMARTPHONE")){window.blogCommentType = "PC";}
}});}

　■　スクリプトの説明

　①　アメーバIDを求めます。
　②　コメント欄が存在するかどうかを調べ、存在しない場合は下記を行います。
　③　記事のＵＲＬを求めて、記事のＵＲＬから記事番号を求めて、
　　　アメーバIDと記事番号からコメントボタンを記事フッタの下の
　　　部分に追加します。（記事分繰り返しします）
　　　但し、アメンバー限定記事の場合は、コメントボタンは設置しません。
　④　ブログコメントタイプが　SMARTPHONEでないか　または、未設定(undefined)の
　　　場合は、PC にブログコメントタイプの値を変えます。
　　　ブログコメントタイプをPCに変えることによって、コメントボタンをクリックするとポップアップ
　　　するようにします。

リアナのカスタマイズ日記（ＣＳＳ編集用デザイン）

アメブロ　新ＣＳＳ　ＣＳＳ編集用デザイン　無料
カスタマイズ　アメブロカスタマイズ　初心者
ＣＳＳ　スタイルシート　デザイン
javascript jQuery

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