二重人格ブログ?のつくり方をご紹介してみたいと思います^^;
このブログの基本設定は、このようになってます。2014/02/16
検索窓に、このブログのトップページのURL(アドレス)を入力すると、このように出て来ます。(↓)
でも実際には、このように表示されています(↓)
ブログタイトルと説明文を非表示にして、ヘッダー画像にテキスト(ブログタイトルと説明文)を入れているためです。
で、通常はブログタイトルをクリックすると、そのブログのトップページへのリンクになってますが、このブログは、非表示にしている為、ヘッダー画像そのものを、トップページへのリンクにしてます。
ブログタイトルと説明文を消してヘッダーを トップページへのリンクにする方法をご紹介します。
※CSS編集用デザインを採用されている方向けです。
以下のコードをCSSの末尾にコピペ(貼り付け)して下さい。
/* タイトルと説明文を消してヘッダーをリンクにする */
.skinHeaderArea2{
padding:0;
}
.skinBlogHeadingGroupArea{
padding:0;
}
.skinDescriptionArea{
display:none;
}
.skinTitleArea{
padding:0;
text-indent:-9999px;
}
.skinTitle{
display:block;
height:300px;
}
.skinHeaderArea2{
padding:0;
}
.skinBlogHeadingGroupArea{
padding:0;
}
.skinDescriptionArea{
display:none;
}
.skinTitleArea{
padding:0;
text-indent:-9999px;
}
.skinTitle{
display:block;
height:300px;
}
※最後の、閉じかっこ⇒}を抜かしちゃう事が、よくありますので注意して下さい。
また、同じような記述がCSSに書かれていた場合、後から(下に、末尾に)書かれたコードが有効になりますので、いちいち、その書かれている場所を探して訂正するより、末尾に新たに記述した方が効率的で間違いが少ないと思います。
貼りつけが終わりましたら、保存して更新(F5キー)してください。
ヘッダー画像そのものに、ブログタイトルや説明を表示したい場合、この方法を使っていただければと思います。
参考になると、うれしいのですが・・
☆ブィブィ ゞ(^_^)v