コメント欄プロフ画像表示プラグイン2 powered by GAE/J | みけねこ家族とシュールなネタ帳

コメント欄プロフ画像表示プラグイン2 powered by GAE/J

【 修正履歴 】

 207.4.16

 アメブロのリファラー仕様変更に対応し、スクリプトの呼び出し方を変更しました。


 2017.3.5

 ピグ画像のバグを修正(されてる?)
 SSL化
 アメーバの常時SSL化に伴うフリープラグインの仕様変更対策
 http://~ の部分を https://~ に変更してください。
 実際、仕様変更が実施された時、このプラグインは生き残れるのだろうか?


 2015.10.7

 新ブログデザインでコメントの表示順を逆にする機能を追加しました。


 2014.7.29

 プロフィール画像の変わりにピグ画像を表示できるようにしました。
 プロフィール画像よりもピグ画像の方が表示が速いです。
 ピグで着せ替えするとピグ画像に反映されます
 *反映されるまで時間がかかることがあります
 *ピグを利用していない人がいるとスクリプトが停止します。
 (次回バージョンアップで対応予定)


 2013.9.9

 パフォーマンスの改善を行いました。


 2013.9.3

 新ブログデザインでプロフィール画像が表示されなくなっていた不具合を
 修正しました。


 2013.6.6

 ブログCSSの変更により、プロフ画像が表示されなくなった不具合を修正しました。
 スクリプトの修正でパフォーマンスが改善されました。


 2011.9.1

 コメントが複数ページにまたがる時、2ページ目以降にプロフィール画像が表示され
 ない不具合を修正しました。


 2011.8.17

 コメント欄の色分けをした時に、アメーバ会員ではない人のコメント欄の背景色が
 正しく表示されない不具合を解消しました。


 2011.8.11

 新ブログデザインでアメーバ会員ではない人のコメントがある時に、プロフィール画像が
 正しく表示されない不具合を解消しました。



【 追記 】

 2013.6.6

 ブログCSSの変更によりプロフ画像が表示されなくなった不具合を
 解消しました。
 同時にスクリプトの書き換えでパフォーマンスを改善しています。
 わざめーばさんの記事(新ブログデザインの時に、jQueryを使える
 ようにするおまじない) へのリンクを追記しました。


 2011.10.27

 誕生月でホストを決めると、利用者が偏ってしまったので、自由にホストを選べる
 ようにさせて 頂きます。
 10月27日現在、mplugin1とmplugin7の利用者が多いため、プラグインが停止する
 ことがあります。
 停止した場合、他のホストへ変更すると動くようになります。
 記事を修正したので、ご確認下さい。


 2011.8.23

 新しいブログデザインの時に、プラグインを動かすためのおまじないを
 わざめーばさんの記事を もとに一部修正しました。


 2011.8.15

 ペカルマンさんがこちらのプラグインの設置方法を詳しく解説してくださいました。
 フリープラグインってなに?という感じの方はペカルマンさんの解説をご覧下さい。

  >> 【コメント欄にプロフ画像バージョンアップ】100%わかるアメブロのフリープラグイン






みなさん、お待たせしました。

プラグインでアメブロをいじり倒すカスタマイズ!!

コメント欄プロフ画像表示プラグイン2

が完成しました!!

しかも、今度のは 表示はやい です!!



今回も Google App Engine for Java を利用しているので、1日の割当量を使い切るとプログラムが止まってしまいます
(16時になるとリセットされるので、また動き出します)
それでもかまわないという方だけ、ご利用ください。



【 設置方法 】

新ブログデザインの場合は、まず、jQueryのプラグインが動くようになるおまじないをフリープラグインの
先頭に挿入する必要があります。
すでにjQueryのフリープラグインが動いている場合は、そのままでOKです。



 【 2013.6.6 追記 】

 新ブログデザインでjQueryを使えるようにするおまじないはこちらの記事が参考になります。

 → フリープラグインの先頭ではjQueryを使えるようにしておく
   (アメブロカスタマイズで成功するブログを作ろう)




続いて、コメント欄プロフ画像表示用のスクリプトを記述します。
枠無しと枠有りのどちらか一方のスクリプトをフリープラグインにコピペしてください。


【 コメント毎に枠をつけないスクリプト 】

<script>$.getScript("https://ホスト名.appspot.com/dispprof3.jsp?size=80&pg=1&rc=1&url=" + location.href);</script>

ホスト名 ・・・  下記のうちのひとつ、お好きなものを選んで下さい。
  mplugin1
  mplugin2
  mplugin3
  mplugin4
  mplugin5
  mplugin6
  mplugin7
  mplugin8
  mplugin9
  mplugin10

size ・・・ プロフ画像のサイズの最大値(px)

pg ・・・ プロフ画像の変わりにピグ画像を表示する場合は、'1'を指定
      &pg=1を省略するとプロフ画像が表示されます。

【 追記 2015.10.7 】
rc ・・・ コメント順を逆にする場合は、'1'を指定
      通常どおりでOKの場合は、'0'にするか
      '&rc=1'の部分を削除してください。




【 コメント毎に枠と背景色をつけるスクリプト 】

<script>$.getScript("https://ホスト名.appspot.com/dispprof4.jsp?margin=20&padding=30&border-width=20&border-style=dotted&background=FFFF00&background2=1E90FF&border-color=000000&border-color2=FF0000&size=120&pg=1&rc=1&url=" + location.href);</script>

ホスト名 ・・・  下記のうちのひとつ、お好きなものを選んで下さい。
  mplugin1
  mplugin2
  mplugin3
  mplugin4
  mplugin5
  mplugin6
  mplugin7
  mplugin8
  mplugin9
  mplugin10

margin ・・・ コメントの枠の外の余白

padding ・・・ コメントの枠の中の余白(枠からコメントまでの幅)

border-width ・・・ 枠の太さ

border-style ・・・ 枠の種類
            (solid, double ,groove ,ridge ,inset ,outset ,dashed, dotted)

border-color ・・・ あなた以外のひとのコメントの枠の色

background ・・・ あなた以外のひとのコメントの背景の色

border-color2 ・・・ あなたのコメントの枠の色

background2 ・・・ あなたのコメントの背景の色

size ・・・ プロフ画像のサイズの最大値(px)

pg ・・・ プロフ画像の変わりにピグ画像を表示する場合は、'1'を指定
      &pg=1を省略するとプロフ画像が表示されます。

【 追記 2015.10.7 】
rc ・・・ コメント順を逆にする場合は、'1'を指定
      通常どおりでOKの場合は、'0'にするか
      '&rc=1'の部分を削除してください。

赤い文字を自分の好みで変更して下さい。



色はハッシュ( # )抜きの6桁のカラーコードで指定します。
こちらのものを参考にコピペして下さい。

 >> 色見本(カラーチャート) ナスカ特製


ご利用の際には、コメントを残していただけると嬉しいです。

みけねこでした。