ブログヘッダー部分は訪問者のまず最初に目に付く部分です。
独自の画像で興味を引きましょう。
■ヘッダー画像変更(そのままCSSを貼り付けてください。)
■変更点
まずは赤字の部分です。
高さは画像サイズに合わせてください。
200~300pxがちょうどいいと思います。
赤字の画像URL部分は画像のURLです。
あとは特に変えるところはありません。
ライブドアブログの場合はブログ設定の方からヘッダー画像を変えることが出来るので
そちらを使うかCSSにて変更するか、どちらでも結構です。
■ヘッダー部分の説明文、タイトルを消す
■変更点
今回は特に変えるところはありません。
テンプレートによっては反映しない場合があります。
その場合はコメントいただけるとうれしいです。
■ヘッダー画像にTOPリンクを付ける
■変更点
これは赤字の高さを画像に合わせて変更してください。
変更するのはそこくらいですかね。
■まとめ
ライブドアブログの場合CSSの変更よりも断然ブログ設定から入ったほうが楽です。
その他Ameba、seesaa、FC2などの場合はこちらのCSSでも大丈夫だと思います。
FC2ブログに関してはテンプレートによって反映されないかもしれません。
わからないことや、できなかったりした場合、コメントいただけるとうれしいです。
/* ヘッダー画像変更 */
.skinHeader Area{
height:300px; /* 高さ */
background-image:url(画像のURL); /* 画像 */
background-repeat:no-repeat; /*繰り返さない*/
background-position:center top; /*位置*/
}
■変更点
まずは赤字の部分です。
高さは画像サイズに合わせてください。
200~300pxがちょうどいいと思います。
赤字の画像URL部分は画像のURLです。
あとは特に変えるところはありません。
ライブドアブログの場合はブログ設定の方からヘッダー画像を変えることが出来るので
そちらを使うかCSSにて変更するか、どちらでも結構です。
■ヘッダー部分の説明文、タイトルを消す
/* ブログタイトル・説明文を消す */
#header h1,.skinTitleArea{ /* ブログタイトルを消す */
display:none;
}
#header h2,.skinDescriptionArea{ /* 説明文を消す */
display:none;
}
■変更点
今回は特に変えるところはありません。
テンプレートによっては反映しない場合があります。
その場合はコメントいただけるとうれしいです。
■ヘッダー画像にTOPリンクを付ける
/*ヘッダーリンクを付ける*/
.skinHeaderArea2,.skinBlogHeadingGroupArea{
padding:0;
}
#header h1,.skinTitleArea{
display:block;
padding:0;
text-indent:-9999px;
}
#header h1 a,.skinTitle{
display:block;
height:300px;/*高さ*/
}
■変更点
これは赤字の高さを画像に合わせて変更してください。
変更するのはそこくらいですかね。
■まとめ
ライブドアブログの場合CSSの変更よりも断然ブログ設定から入ったほうが楽です。
その他Ameba、seesaa、FC2などの場合はこちらのCSSでも大丈夫だと思います。
FC2ブログに関してはテンプレートによって反映されないかもしれません。
わからないことや、できなかったりした場合、コメントいただけるとうれしいです。
コメント