2011年4月8日金曜日

Twitpicにアップした画像をフルサイズでブログに貼るブックマークレット

前回、Flickrにアップロードした写真をブログに貼る方法を書いたので、
次はTwitpicの方法をば。

Twitpicでは、写真詳細ページの右側に
「Put this photo on your website」ってトコがあって。

image

「Put this photo on your website」の左にある青い「+」を押すと、
タグが出てきますよね。

で。そのタグを貼ると、こーなる訳ですが。

帰å®�ã��é��ã��ã�£ã��ã��ã��ã�ªã��ã�®ã�£o(ï¿£ ^ ï¿£ o) ã��æ��ã... on Twitpic image

…写真にオンマウス(マウスカーソルを当てる)すると、
タイトルとかが文字化けする訳です。

なので、ブックマークレットを探してみました♪

『うろ覚えメモ・
 「twitpicを文字化けしないでブログに貼り付けるブックマークレット」』

お仕事なんて行っちゃイヤ…拗ね気味・姉ニャ... on Twitpic

これで写真にオンマウスした時の文字化けは解消☆

…でもこれだとサムネイルな感じ。
サイズを変えたいので、コードを変えます。

『YZUAMETRON・
 「Twitpicにアップした写真をブログに貼るときのサイズ」』

を参考に♪

お仕事なんて行っちゃイヤ…拗ね気味・ニャ... on 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);

 

コロロン弟ニャ♪ on 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" width="350" alt="'+t+'"></a>'); })(location.href,document.title);


このブログだと、横幅は500pxぐらいでもいいのかも~。
…ブログのテンプレートを変えない限りは(´∇`;)

コロロン弟ニャ♪ on Twitpic


■コードをブックマークする(お気に入りに入れる)

適当なWebページを、ブックマーク・お気に入り登録させる。

…Operaだと、追加時に「名前」「保存先フォルダ」の他に、
『詳細』ボタンを押して、アドレス等が編集できるので、
ここで編集作業しちゃいます。

適当にわかりやすい名前を付けて、アドレス欄にコードを貼り付けて、
保存先フォルダは、好きな場所にして登録。

IEだと、名前だけ変更してとりあえずお気に入り登録。
次に、プロパティで編集すれば(・∀・)イィ!!

あとは写真ページにて、
上で作ったブックマーク・お気に入りを開けばおkd(*≧∇≦*)

0 件のコメント:

コメントを投稿