Hatena BlogにPicasaの画像を埋め込む方法
僕はウエブアルバムははてなフォトライフでは無くて、Picasaを使っている。だからHatena BlogでもPicasaの画像を埋め込みたいと思い試行錯誤してみた。
最初ははてな記法*1でGoogle ChromeのOmni barのURIを指定すれば表示できるだろうと高を括っていたけど、実際に指定してプレビュー画面で確認したら全く駄目だった。
次にググってみたらPicasaの写真をブログに載せる - TAKE OFFというエントリを発見した。だけどこの方法だとPicasaのアルバムリンクが一緒に表示されてしまう。此は余り嬉しいものでは無いので更にググったら、Picasaの写真を画像のみブログに貼り付ける - TAKE OFFというエントリに辿り着いた。
上記のエントリではPicasaの「画像を埋め込み」で吐き出されたhtmlコードを編集して画像のみを埋め込む方法が紹介されてるが、横着で不精者の僕には面倒臭く感じる。コメント欄に
Picasaの画像ですが、「サイズ選択」をしたあと、「画像のみ（リンクなし）」にすると「画像を埋め込み」欄には赤線のみのソースになります。またhttpsの「s」をカットすると一般的な携帯電話でも画像が表示されます。
Picasaの写真を画像のみブログに貼り付ける - TAKE OFF
とあったので確認したが、コメントされた当時と現在ではPicasaが吐き出すhtmlコードが異なっているみたいで巧くいかなかった。
人生思い通りにいかないものだ、と溜息を吐きながらPicasaの「この写真へのリンク」のオプションに目をやると「アルバムリンクを非表示」とすばり其のものがあるじゃないですか! 早速其れで吐き出された「画像を埋め込み」用のhtmlコードを貼り付けたら漸く画像のみが表示された。やりましたね! 僕。
参考までにアルバムリンクありの画像とアルバムリンクなしの画像と、それぞれのhtmlコードを曝しておきます。
アルバムリンクありの画像*2
 |
| 送信者 2012-03-03 |
Picasaが吐き出したhtmlコード
<table style="width:auto;"><tr><td><a href="https://picasaweb.google.com/lh/photo/YCmy9Ym-nGGhGUrHxTj-vtMTjNZETYmyPJy0liipFm0?feat=embedwebsite"><img src="https://lh5.googleusercontent.com/-XvsDA8jEDcM/T1H4quoJQ7I/AAAAAAAABjE/0lwTf6SEfIc/s640/Corydoras213.jpg" height="480" width="640" /></a></td></tr><tr><td style="font-family:arial,sans-serif; font-size:11px; text-align:right">送信者 <a href="https://picasaweb.google.com/114002478199505878271/20120303?authuser=0&feat=embedwebsite">2012-03-03</a></td></tr></table>
