トップと記事ページのブログ名を消す方法

ぞんです。

芸能人のブログって綺麗ですよね（まじ）
何が違うんだろう（あれ）？ と考えていたら
ひとつだけ、浮かんできました（ひとつだけなの？･･･ってツッコミは無しでｗ）
お金の掛け方では無いので、あしからずｗ

ブログ名が文字では無く、画像なんだね。

と いう事で今回は このウェブリブログで
芸能人っぽいブログを作って行きたいと思います。

これを行うと、表示されていましたブログ名が無くなりますので
当然、ブログのリンクも無くなります。
それだと、ちょっと普通なので
次回はトップページと記事ページのバナー画像に
ブログのリンクを付けてみます。
まあ 見た目がそんな感じで、実際には画像にリンクは付けていないんですがねｗ
機能がそう見えるだけで･･･（うる）

あと この作業を行うと好きなフォントでタイトル文字を作る事が出来ます。
まあ、これが唯一の利点な訳で･･･（うる）

完成品は、こちらのブログで
バナー画像全体にブログへのリンクを付けております。
まあ、こんな感じになりますので（ん）

では、始めたいと思います。
用意する物が、トップと記事ページ用の画像と
下記に記載しております、タグです。
ちなみに、画像はウェブリブログでアップロードを行った場合で書きます。

-----------------------------------------------------------------------------------------

まずはトップと記事ページ用の画像を作ります。
ぞんさんの場合は横が698pxでしたので、それに合わせました。
縦は270pxでしたが、ブログによって違いますので･･･（うる）
まあ 縦は、簡単に変更出来ますので
あまり気にする事はないでしょう（ん）
ちなみに、ぞんさんは300pxにしてみました。

あと、タイトルを消してしまいますので
画像の中にタイトルは入れて下さいね。
出来上がりましたら、ウェブリブログの
ファイルマネージャーを使ってアップロードします。

-----------------------------------------------------------------------------------------

次にトップと記事ページのタイトルを消します。
CSSを開いて、下記のタグを探して { } 内に追加します。

※CSSは設定→オプション→CSS編集のところにあります。

まずはトップと記事ページのタイトルを消します。
CSSを開いて、下記のタグを探して { } 内に追加します。

トップページは、こちら
#banner h1{
display:none;
}

記事ページは、こちら
#subbanner h1{
display:none;
}

それとトップページと記事ページの画像を指定します。

トップページは、こちら
#banner{
background:url("http://userdisk.webry.biglobe.ne.jp/○○/△△.jpg") no-repeat;
height:300px;
background-repeat:no-repeat;
}

記事ページは、こちら
#subbanner{
background:url("http://userdisk.webry.biglobe.ne.jp/○○/△△.jpg") no-repeat;
height:300px;
background-repeat:no-repeat;
}

“○○”と“△△”の部分を、使われます方のアドレスに変えて下さいね。
heightは画像の高さの事ですので、適当にお願いします。

※アドレスの確認方法
一度でも画像をブログに貼った事のある方は
その画像をクリックして、アドレスを確認して下さい。

一度も画像を貼った事のない方は、パンヤ画像をアップロードした後に
新規で記事を書き、『画像リスト』ボタンを押して下さい。
そうすると、ファイルマネージャーが表示されますので
右側にある『ファイルURL貼付』ボタンと押すと下記の文章が表示されます。

-----------------------------------------------------------------------------------------

以上で終わりです。
これでタイトル文字が消えて
トップと記事ページの画像が変わっているはず（はず）

あとは、そのバナー画像にブログへのリンクを付ければ
それっぽくなると思います。
なので、次回記事は｢トップと記事ページにリンクを付ける｣です（ぺこ）