• 日向 凛 Facebook
  • 日向 凛 Twitter
  • 日向 凛 Instagram
  • 日向 凛 YouTube
  • 日向 凛 LinkedIn
  • Web Aqua Blog RSS

ホームページ制作

コラム

HOME > ブログ ホームページ 素材 フリー画像[無料] > 背景画像をAmebaブログに設定する方法

背景画像をアメブロ(Amebaブログ)に設定する方法

1280×1280pxサイズの画像をAmebaブログの背景画像に使う場合は、マイページ右端にある歯車マークをクリックして、「デザインの変更」から「CSSの編集」をクリックします。

ブログデザインのCSSの編集」の「ブログデザインヘッダ・背景用画像の追加」に画像をアップロードすれば簡単に使うことができます。

尚、Amebaブログ新スキンのヘッダー位置は下の図のようになります。
(旧スキンの場合は上部分が112pxではなく24pxになります)

現在、位置が変更になっています。広告の関係?

そして、CSSには以下の記述をしておくと、画面全体に正しく画像を表示することができます。

background-repeat:repeat;(背景画像をX方向・Y方向に繰り返して画面全面に敷き詰めます)
background-position:center top;(背景画像を真ん中に配置します)

どうぞご参考ください。

大阪のホームページ制作会社 Web Aqua

E-mail info@web-aqua.jp
Phone 050-3577-0218