前回、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だと、名前だけ変更してとりあえずお気に入り登録。
次に、プロパティで編集すれば(・∀・)イィ!!
あとは写真ページにて、
上で作ったブックマーク・お気に入りを開けばおkd(*≧∇≦*)
0 件のコメント:
コメントを投稿