ブログタイトルを消し、ヘッダ画像全体をリンクにする方法 | アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!

アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!

カスタマイズ,アクセスアップ,カスタム,スキン,依頼,料金,スキン作成,スキンのデザイン,オリジナル,CSSの編集,HTML,JavaScript,ヘッダー,ヘッダーデザイン,広告,非表示,フリープラグイン,フリースペース,メッセージボード,改造,オリジナルデザイン

運営グルっぽでご質問がありましたので、
グルっぽの文字数制限に泣き・・・こちらに記事にいたします。

以前カスタマイズさせていただいた、あいのりでお馴染みのくぅちゃんブログを元に
ご説明させていただきますキラキラ

Ameblo Custom Design (アメブロ・カスタム/カスタマイズデザイン)


CSSの順番から説明すると・・・

1. 画像の指定をします。画像URL部分に画像のリンク先を挿入します。

2. 現在のブログタイトルおよびサブタイトルの文字リンクを画面の外に追いやります。
(画面から消すってことです)

3. 画像の位置を固定し、画像サイズを設定します。赤い数字部分は、画像のサイズを挿入します。


いつものようにCSS編集画面にいき、下記水色内のCSSを最下段に追加します。
≫ CSS編集方法の手順

#header {
background-image:url(画像URL);
background-repeat:no-repeat;
}
#header h1, #header h2 {
margin:0;
padding:0;
text-indent:-9999px;
}
#header h1 a {
display:block;
height:283px; /*画像高さ*/
width:800px; /*画像幅*/
}