◆ヘッダー画像を変更する

こんにちは、カスタマイズと復興支援で頑張るたっくんです。

本来であれば、

ヘッダー画像の変更は一番先にやるべきカスタマイズなのですが、

一番手間のかかるカスタマイズでもあります。

そんなわけで、今まで放置していましたが、

思い切ってやっちゃいましたよ。

本当は、いろいろ加工しまくりたいと思っていましたが、

結局は、素材にこだわってシンプルにしちゃいました。

細かい修正とか、あるかもしれませんが、

画像は絶対変えません。

・・・あなたは、ここがどこだかわかりますか？

わかる人にはわかるかも？

というわけで、以下のCSSを追加してみてください。

注：新CSS編集デザイン用のカスタマイズです。

/*ヘッダー画像変更*/
.skinHeaderArea{
background:url(画像のURL);
width:980px;/*ヘッダーの幅*/
height:300px;/*ヘッダーの高さ*/
}
/*ブログタイトル、説明文消す　ヘッダー画像クリックでTOPページ*/
.skinBlogHeadingGroupArea {
margin:0, padding:0
}
.skinTitleArea{
text-indent:-9000px;
text-decoration:none;
}
.skinTitleArea a{
display:block;
height:300px;/*ヘッダーの高さ*/
}
.skinDescription{
display:none;
}

ヘッダーの幅や高さは、適宜変更してください。

なお、今回はこちらの記事を参考にさせていただきました。

ミスアラさんも、ついに新デザインに変更したようです。

おめでとうございますの意味を込めて、画像表示したいと思います。

あなたもぜひ参考にしてみてください。

（リンクしています↑）

アメブロカスタマイズ（新）ヘッダー画像変更＆TOPページへのリンク｜アメブロカスタマイズで見やすい成果の出るブログ！戦略的カスタマイズで１０万円獲得計画 produced by ミスアラ