前回、Flickrにアップロードした写真をブログに貼る方法を書いたので、
次はTwitpicの方法をば。
Twitpicでは、写真詳細ページの右側に
「Put this photo on your website」ってトコがあって。
「Put this photo on your website」の左にある青い「＋」を押すと、
タグが出てきますよね。
で。そのタグを貼ると、こーなる訳ですが。
…写真にオンマウス（マウスカーソルを当てる）すると、
タイトルとかが文字化けする訳です。
なので、ブックマークレットを探してみました♪
『うろ覚えメモ・
「twitpicを文字化けしないでブログに貼り付けるブックマークレット」』
これで写真にオンマウスした時の文字化けは解消☆
…でもこれだとサムネイルな感じ。
サイズを変えたいので、コードを変えます。
『YZUAMETRON・
「Twitpicにアップした写真をブログに貼るときのサイズ」』
を参考に♪
フルサイズ表示・縦350px固定。
（横幅は、画像比率を変えず、縦幅350pxに応じて変わる）
javascript:void(function(h,t){ var s=h.split('/');var u=s[s.length-1];prompt('','<a href="http://twitpic.com/'+u+'" title="'+t+'"><img src="http://twitpic.com/show/full/'+u+'.jpg" height="350" alt="'+t+'"></a>'); })(location.href,document.title);
フルサイズ表示・横幅350px固定。
（縦幅は、画像比率を変えず、横幅350pxに応じて変わる）
javascript:void(function(h,t){ var s=h.split('/');var u=s[s.length-1];prompt('','<a href="http://twitpic.com/'+u+'" title="'+t+'"><img src="http://twitpic.com/show/full/'+u+'.jpg" width="350" alt="'+t+'"></a>'); })(location.href,document.title);
このブログだと、横幅は500pxぐらいでもいいのかも～。
…ブログのテンプレートを変えない限りは(´∇｀；)
■コードをブックマークする（お気に入りに入れる）
適当なWebページを、ブックマーク・お気に入り登録させる。
…Operaだと、追加時に「名前」「保存先フォルダ」の他に、
『詳細』ボタンを押して、アドレス等が編集できるので、
ここで編集作業しちゃいます。
適当にわかりやすい名前を付けて、アドレス欄にコードを貼り付けて、
保存先フォルダは、好きな場所にして登録。
IEだと、名前だけ変更してとりあえずお気に入り登録。
次に、プロパティで編集すれば(･∀･)ｲｨ!!
あとは写真ページにて、
上で作ったブックマーク・お気に入りを開けばおｋd(*≧∇≦*)
![http://twitpic.com/show/full/'+u+'.jpg"](http://twitpic.com/show/full/'+u+'.jpg"){kind=link}