So-net無料ブログ作成
検索選択

Googleフォトの画像をブログに埋め込む方法 [エレクトロニクス]






以前は[Picasa]から簡単に埋め込みコード(embed code)を取得しブログに画像を貼り付けていましたが、2016年夏頃に[Picasa]が閉鎖され[Googleフォト]に置き換わりました。
この[Googleフォト]の困ったところは、画像の埋め込みコードが取得できないことです。

最近ひょんなことから下記のサイトを見つけ、埋め込みコード生成サイトの存在を知りました。

How to Embed Images from Google Photos into your Website
https://www.labnol.org/internet/embed-google-photos-in-website/29194/

この記事は[Googleフォト]にアップロードした画像を、簡単に自分のブログ(So-netブログ)に埋め込む方法について書いています。
 


 環境

・MacBook Pro Retina 15inch Mid2012, OSX El Capitan 10.11.6
・Safari 10.1





 手順

1 コンピュータのブラウザで Google Photos にアクセスして、自分のアルバムを表示
 https://photos.google.com/
 

2 ブログに埋め込みたい写真を選んで、右上の共有ボタン
 

3 「リンクを取得」ボタン
 

4 リンクをコピーしてから、ポップアップしている小ウインドウ以外のところをクリックしこれを閉じておきます(開いたままだとコード生成に失敗します)
 

5 https://ctrlq.org/google/photos/ へアクセスして、リンクをペーストして右の「GENERATE CODE」ボタン
 

* このコード生成サイトはGoogleのサービスではありません。

6 少しすると自動的にスクロールされますので、生成された Image Embed Code をコピーします
 

7 自分のブログに取得したコードをペーストます
 
 貼り付けられた上の写真はコードをそのままコピーしたもの。下の縮小写真は width=“200” height="200" で大きさを指定したもの。

200x200の例
<a href='https://photos.google.com/share/xxxx?key=xxxx&source=ctrlq.org'>
<img src='https://lh3.googleusercontent.com/xxxx' width=“200” height="200" /></a>




nice!(8)  コメント(0)  トラックバック(0) 
共通テーマ:パソコン・インターネット

nice! 8

コメント 0

コメントを書く

お名前:[必須]
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

この記事のトラックバックURL:
メッセージを送る