アメブロのブログタイトルの背景に画像を設定する方法

  • 投稿 : 2012-06-22
  • 更新 : 2013-05-13
※カスタム可能/CSS編集用デザイン(新スキン)用です

タイトル文字があるヘッダー部分の後ろに背景画像を設定する方法です。
サンプルで使用したのは以下のような画像です。

CSSへの追加

デザインの変更のCSSの編集の最後に追加してみてください
.skinHeaderArea{
  background-image:url(画像のURL);
}
新スキンの場合は、横幅が980pxのようなのでこれに収まるような画像なら写真などもブログタイトルの背景にすることが可能です。

画像のURLが正しいかどうかがわからない場合は、このURLをブラウザーで入力して画像が表示されることで確認が可能です。

大きい背景を使う方法

GoogleがやっているPicasaなどの外部に背景画像を置いてアメブロから参照すれば可能です。flickrなどでも良いかと思います。

スポンサーリンク