今回は、「ヘッダー画像をブログトップへのリンクにする」方法です。
前回までのおさらいはこちら
アメブロのヘッダー画像の作り方
アメブロカスタマイズ【ヘッダー画像用の画像をアップロードする】
アメブロのトップページにヘッダー画像を設定する
ブログタイトルとブログ説明文を消す方法
まず、いつものようにCSSの編集を行います。
デザインの変更
↓
CSSの編集
『CSSの編集』ページになったら、『現在使用中のデザインCSS』の文字入力欄を一番下までスクロールし、
以下の『CSS貼り付けコード』を一番最後に追加する要領で貼り付けて(コピペして)ください。
--ここから
/* ヘッダー画像をブログトップへのリンクにする */
.skinHeaderArea2,.skinBlogHeadingGroupArea{
padding:0;
}
.skinTitleArea{
display:block;
padding:0;
text-indent:-9999px;
}
.skinTitle{
display:block;
height:300px;
}
--ここまで
この部分
height:300px;
赤文字部分には、通常はヘッダー画像の高さを設定します。
貼りつけが終わりましたら、保存して更新してください。
以上で、「ヘッダー画像をブログトップへのリンクにする」を終わります。
北海大家でした。
少しでもタメになった方、興味を示してくれた方は、ぜひメルマガに登録しておいてくださいね
(^^♪