アメブロのヘッダー画像の入れ方
アメブロカスタマイズのミスアラさんから教えていただいた、
自分のアメブロのヘッダー部分だけに画像を入れる方法で、画像いれてみました。
まず、ブログを書くを選ぶ。
そこに、ブログを書くの下に、アメブロを書く、読者とコメントと並んでそのとなりに
デザインの変更があるのでそこを選ぶ。
そうすると下記のような画面がでて、ＣＳＳの編集という所があるので、
選択する。
そうしたら、
①の所に好きな画像を入れる。
となりの参照から選択する。
次に②のアップロードをおす。
そうすると、
下段にアップロードされた画像がでてきて、
③にある、この画像のパスを全てコピーする。
そうしたら、④のＣＳＳの文中に下記をコピーして
ＣＳＳ内のどこかにペーストする。
↓この下からコピペ（この行はコピペしない）↓
/*ここから ヘッダー画像変更、タイトル文字消す、画像リンク */
#header{
background: url(ヘッダー画像のURL) no-repeat;
height:150px;/*画像の立て*/
}
#header h1,#header h2{
margin:0;
padding:0;
}
#header h1 a{
width:800px;/*画像の横*/
height:150px;/*画像の縦*/
display:block;
position:absolute;
text-indent:-9999px;
text-decoration:none;
}
#header h2{
display:none;
}
/*ここまで ヘッダー画像変更、タイトル文字消す、画像リンク */
↑この上までコピペ（この行はコピペしない）↑
途中ヘッダー画像のＵＲＬとあるが、ここに
先ほどの③にある画像のパスをすべてコピーしたものを、ペーストする
これでうまくいくはずである。
ちなみに、このブログのヘッダーサイズは８００×１５０です。
縦長に300pxにしたい場合は、上記HTMLの中の150pxを
300pxにしてください。
私も初心者で詳しい事はわかりませんが、簡単にできました。
元は下記ですので、参照してみてください。
http://ameblo.jp/mr-around40/entry-10581663166.html