メモ bloggerブログのヘッダー欄全面に画像を貼りつける方法

このブログを開設した当初はヘッダー欄全面に地図画像を背景として貼り付けておいたのですが、Googleサイドの仕様が変更になり、なぜかヘッダーに貼りつける画像が自動的に縮小されるようになりました。そのため1年近く中途半端なヘッダーデザインになっていました。WEBでいろいろ調べたのですが、直す方法を見つけるまでに至りませんでした。

以前のこのブログの中途半端なヘッダー画面

最近やっとこの厄介な問題を解決しましたので、参考のためにメモしておきます。

ブログにログインした状態で「デザイン」→「レイアウト」にすすみ、ヘッダー欄の「編集」をクリックします。

bloggerブログのヘッダー欄の編集画面

以前はイメージを「コンピュータからファイル選択」していたのですが、画面下に「画像を巾○○○ピクセルに縮小します。」という文章があるとおり、大きな画像を選択しても、縮小して保存されてしまいました。（参考　WEB画面上で画像のサイズを知る方法）

そこで、「ウェブから（画像のURLを貼り付け）」にしました。

そのためには、ヘッダーの大きさと同じ画像をWEBのどこかに保存し、その画像のURLを取得しておく必要があります。（参考　私のWEB画像を貼り付例）

このような方法により、無事次のようにヘッダー全面に画像を貼り付けることができました。

ヘッダー全面に画像を貼りつけることができたブログ画面

……………………………………………………………………

参考　WEB画面上で画像サイズを知る方法

ブラウザーとしてGoogleChromeを使います。

画面上で右クリックして出てくる「要素を検証」をクリックします。

画面下に別画面が出ますので、「Resources」をクリックし、下の「Frames」の中の「Images」を開くと画像リストが出ます。このリストをクリックすると右にその画像のサイズを含む諸元が表示されます。

GoogleChromeでWEB画面上の画像サイズを簡単に知ることができる

……………………………………………………………………

参考　私のWEB画像貼り付け例

私が使っているGoogleサイト（無料サイト）の一つに「新しいページ」つくり、そこにヘッダーに貼り付けたい大きさの画像を貼り付けます（「ページを編集」→「挿入」→「画像」）

貼り付けた画像を画面上で右クリックして、出てくる「画像URLをコピー」をクリックして画像URLを取得しました。

bloggerブログ、Googleサイトを使うようになってからFTPソフトを使うことがなくなりました。

■□花見川流域を歩く■□にほんブログ村■□花見川流域を歩く■□にほんブログ村■□