ピグライフの画像のURLの表示(ブックマークレット) | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

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

★ ピグライフの画像のURLの表示(ブックマークレット)


● 内容

① ピグライフを開いて、ブックマークレットを実行すると自分のピグライフの
  画像のURLがアラートされます。

② IEの場合はできません。
  Firefoxかchromeのブラウザで行ってください。

(IEのブラウザ場合のピグライフのソースにユーザIDがないため。)



● やり方(Firefox)

① 下記を右クリックしてブックマークに登録します。





② ピグライフを動かします。
  ピグライフの画面でブックマークをクリックします。
  (ブラウザのツールバー→ブックマーク→ピグライフ画像のURL表示。)






リアナのカスタマイズ日記(CSS編集用デザイン)



③ 例 私のピグライフの画像








● やりかた(chrome)


① 下記をコピーしておきます。(ブックマークスクリプト)

javascript:(function(){
var d=document;
var s=d.createElement('script');
s.src='http://stat100.ameba.jp/blog/js/apm001.js';
d.body.appendChild(s);
var img_url_f='http://ustat.s.life.pigg.ameba.jp/upcontent/thumb/small/';
var areaC_spos=$("head").html().indexOf("areaCode:'user-",1);
if(areaC_spos!=-1){
var life_user=$("head").html().substring(areaC_spos+15,areaC_spos+31);
var life_img=life_user.substring(0,2)+"/"+life_user.substring(2,4)+"/"+life_user.substring(0,16)+".png";
alert(img_url_f+life_img);
}else{
alert("nofound Your pigg-life user-id");
}
})()



②  ピグライフを開いて、ブックマーク(このページをブックマークする)します。




リアナのカスタマイズ日記(CSS編集用デザイン)



③ 名前、フォルダを変えて編集ボタンをクリックする。



リアナのカスタマイズ日記(CSS編集用デザイン)



④ URL部分を消して①でコピーしたものを貼りつける
  保存をクリックして完了




リアナのカスタマイズ日記(CSS編集用デザイン)



⑤ あとは、ピグライフのページで④のブックマークを呼び出します。
  下記の様に表示されます。


リアナのカスタマイズ日記(CSS編集用デザイン)



● 記事などに貼る場合は下記の様にIMGタグにします。


<img src="画像のURL">