2021/12/17

Blogger で外部ファイルを読み込む方法

Blogger でも外部ファイルを読み込むことが可能です.Google ドライブに保管されているファイルの読み込みが簡単です.ここでは,Google ドライブにある画像ファイルを Blogger で表示させる方法を示します.こんなことしなくても Blogger に画像を挿入することは可能ですが,勉強です.

最初に必要なことは,画像のファイルを共有の設定をすることです.Google ドライブの画像ファイルを右クリックし「リンクを共有」を選択します.閲覧者で「リンクをコピー」を選択します.すると

https://drive.google.com/file/d/1aF4BdnHRhEfTI9uB_JTpiagwAIc6_NE6
       /view?usp=sharing

というようなリンクが得られます.赤字の部分がファイルIDで,それをメモします.このファイル ID はファイルごとにユニークに決まっています.

このファイル ID を使い,Blogger 中に以下

<div style="text-align: center;">
  <img src="https://drive.google.com/uc?export=view&amp;id=1aF4BdnHRhEfTI9uB_JTpiagwAIc6_NE6" style="width: 300px;" />
</div>

を記載すると,下の画像が表示されます.

ミツバチの写真

「https://drive.google.com/uc?export=view&id=ファイルID」で Goole ドライブのファイルを使うことができます.

0 件のコメント:

コメントを投稿