【備忘録】bloggerのレイアウト画面「Cross-Column」でURL付画像を中央に配置したい

※サンプル画像（貼りたい画像のURLを取得するため）

目的：画像を中央に配置したい（bloggerレイアウト画面の Cross-Column）

※「HTML/JavaScript」ガジェットを使用する

1. bloggerの投稿画面で画像をアップロードし、適切なサイズ（自分の場合は"特大"）に変更してHTMLソースを見る
2. 画像の拡張子（.jpg .png等）ありのURLが2つある筈なので、調整された画像（今回は"特大"）の方のURLをbloggerで使用する ※2つ目下の方
3. レイアウトメニューで「HTML/JavaScript」ガジェットの編集で以下を貼り付ける
   

<br /><a href="リンク先のURL"><img src="画像のURL" style="display: block; margin-left: auto; margin-right: auto;"></a>

これでbloggerレイアウト画面のCross-Column（HTML/JavaScriptガジェット）での画像中央配置が可能となる。なお、筆者使用のブログテンプレートだけかもしれない。

Geminiさんありがとう。

• 西田宗千佳のイマトミライ「NotebookLMやClaude、Gmail検索　生成AIの仕事への活かし」方（西田 宗千佳2025年5月7日 08:20）