ブログの自分のコメント欄にピグ画像を設置

★　ブログの自分のコメント欄にピグ画像を設置

★　フラッシュなので、ＰＣが重たくなります。


●　内容

①　自分がコメントしたコメント欄にピグ画像を設置します。
　　他人がコメントしたコメントにはピグ画像は表示できません。
②　ピグ画像はフラッシュです。
　　ピグでプロフィール画像に『ピグカメラ』で撮影して、
　　プロフィール画像に設定する必要があります。
　　一度、設定すれば、プロフィール画像の設定で違う画像に
　　変えても、問題なくピグ画像を表示でいます。
③　このフラッシュは、クリックするとピグに飛ぶので注意が必要です。
④　幅、高さ、背景色の指定が可能です。
⑤　指定した画像を設定する方法は、別記事で紹介します。


⑥　設置例






●　やり方


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

<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 language="JavaScript">
comment_pigg_swf_set(100,100,"#ffffff");
</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>

・　comment_pigg_swf_set(100,100,"#ffffff");

100・・・ピグ画像の幅を指定します。
100・・・ピグ画像の高さを指定します。
"#ffffff"・・・ピグ画像の背景色を指定します。




●　comment_pigg_swf_setの関数のソース内容


function comment_pigg_swf_set(pigg_w,pigg_h,bgcolor){// 自分のコメントにピグ画像
$(document).ready(function(){
$(".ownerComment .commentBody").each(function(){
$(this).append('<div class="pigg_pic"><embed width="'+pigg_w+'" height="'+pigg_h+'" flashvars="amebaId='+ameba_id_get()+'" allownetworking="all" allowscriptaccess="always" wmode="opaque" quality="high" bgcolor="'+bgcolor+'" name="aexternal" id="aexternal" style="undefined" src="http://pigg.ameba.jp/swf/pigg_for_amebaprofile_136.swf" type="application/x-shockwave-flash"></div>');
});});}