ブログタイトルと説明文を非表示にして、アメブロのヘッダー画像にリンクを貼る（最新版デザイン対応）

こんにちは。
『やさしいブログの作り方』の松田です。

通常ブログタイトルがテキストで表示されている時は、ブログタイトルにはトップページへ戻るリンクが貼ってあります。

しかしオリジナルのヘッダー画像を設置する場合、ブログタイトルと説明文が表示位置的に邪魔になることがあります。＾＾；

そこで、タイトルと説明文を非表示にして、かつ、ヘッダー画像全体にトップへ戻るリンクを貼るカスタマイズをご紹介します。


以下の記述をＣＳＳの編集画面の最後に追記すればヘッダー画像全体にトップページへのリンクを貼ることができます。

.skinBlogHeadingGroupArea, .skin-bgHeader{
padding:0;
}
h1.skinTitleArea a, h1.skin-blogMainTitle{
height:300px;
display:block;
text-indent:-9999px;
}
h2.skinDescriptionArea, p.skin-blogSubTitle{
display:none;
}

赤文字の高さの値は実際に設置するヘッダー画像の高さと同じ値を入れてくださいね。


最後までお読みいただきありがとうございました。

無料メール講座配信中

これからブログを頑張っていきたい！ まずは基本から。
やさしいブログづくりのための、やさしいメール講座（全１０回）

やさしいブログ、書籍化！

ブログでビジネスを軌道に乗せるための行動術

「ブログを続けていてよかった」
そんな気持ちを一人でも多くの人と共有したいと思っています。＾＾

やさしいブログの仕事術

どんなビジネスも突き詰めれば人対人。
その良好な関係を築くのは、相手をおもんばかる気持ちと行動です。