★ ブログの自分のコメント欄にピグ画像を設置
★ フラッシュなので、PCが重たくなります。
● 内容
① 自分がコメントしたコメント欄にピグ画像を設置します。
他人がコメントしたコメントにはピグ画像は表示できません。
② ピグ画像はフラッシュです。
ピグでプロフィール画像に『ピグカメラ』で撮影して、
プロフィール画像に設定する必要があります。
一度、設定すれば、プロフィール画像の設定で違う画像に
変えても、問題なくピグ画像を表示でいます。
③ このフラッシュは、クリックするとピグに飛ぶので注意が必要です。
④ 幅、高さ、背景色の指定が可能です。
⑤ 指定した画像を設定する方法は、別記事で紹介します。
⑥ 設置例
● やり方
① 下記をフリープラグインへ追加する
<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>
<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>
● 説明
・ 下記はフリープラグインに1つあれば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>');
});});}