アメブロカスタマイズでオリジナルのヘッダー画像を設置する時に
タイトルと説明を非表示にしていない人がいる！！！
なぜーー！！なぜだーーー！！！
せっかく作ったヘッダーの魅力が死んでる！！
もったいない！！！
というわけで
『タイトルと説明を非表示にする方法』をまとめました！
まず何もカスタマイズされていない状態がこちら↓
たぶん、理想の完成形はこういう状態かと思います↓
が、しかし！！！
非表示に設定していないとこんな感じです↓
画像の赤い囲み枠の部分のように
ブログタイトルと説明がヘッダー画像に被ってるー！泣
オリジナルのヘッダー画像を設置する場合
「ブログタイトル」と「説明」を非表示にする設定が必要です。
ではここからこの問題を解消するために
『タイトルと説明を非表示にする方法』をご紹介します！
※この設定は新CSS編集用デザインをご利用の方のみです。
ブログ管理画面＞①デザインの設定＞②CSSの編集と進む。
CSSの記載箇所の一番下「 (4) その他、拡張」のところまでスクロールし表示させる。
下記の黄色い枠の中のコードを「/* その他、拡張があれば記述 */」の下にコピペで追記、画像の高さ、画像のURLを入力して保存したら完了！
※自信がないときは、表示の確認をしてから保存しよう！
/* ヘッダー画像を設置する */
.skin-bgHeader {
background: no-repeat scroll center top;
background-image: url("ヘッダー画像のURL");
}
/* ヘッダーの高さを設定する */
.skin-bgHeader, .skin-bgHeader a {
height: 画像の高さpx;
}
/* ブログタイトルと説明文を非表示にする */
.skin-headerTitle {
display: none;
}
以上です！
ぜひ、ぜひ、ぜひ！！
ご活用ください！！
CSS？そんな暗号みたいなもんわからんわ！！！という方は
アメブロカスタマイズサービスをどうぞ！
現在ご提供中のサービス一覧｜ご提供中のサービス一覧
お客様のご感想｜ご感想リンク集
制作事例｜制作事例リンク集
よくある質問｜よくある質問リンク集
ご相談・お問合せ｜お問合わせフォーム
こんなことできる？など、お気軽にご相談ください
各種SNS｜
Facebook / 
Twitter / 
Instagram
お気軽に友達申請＆フォローお待ちしてます