
アメブロのヘッダ背景に画像をはめ込むと、タイトルと説明文が画像に重なってしまいます。 レイアウト上、それでいい場合は気にしないでいいのですが、下の例のような場合だと困ります。タイトルと説明文を、いっそ、表示しないようにしましょう。ついでに、ヘッダ画像をクリックするとトップページに戻るようにしますね。

(3-2) ブログヘッダー について
/* (3-2) ブログヘッダー
--------------------------------------------*/
(省略)
/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea{
padding-bottom:4px;
}
/* skinDescriptionArea ブログの説明エリア */
.skinDescriptionArea{}
ここをこのように書き換えます。
/* (3-2) ブログヘッダー
--------------------------------------------*/
(省略)
/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea{
text-indent: -9999px;
}
.skinTitleArea a.skinTitle {
width: 980px;
height:240px;
display: block;
}
/* skinDescriptionArea ブログの説明エリア */
.skinDescriptionArea{
text-indent: -9999px;
}

これは右に書いてあるような意味のことをしています。
タイトルや説明文は消してしまったわけではないのでSEO上は問題ありません。(の、はずです)

コメントをお書きください