ナビゲーションでブログカスタマイズ

今日のブログカスタマイズは、ナビゲーションバーのところをいじってみました。ブログ記事もけっこうたまってきたんで、ヤフーみたいな感じにナビゲーションバーを作成してみたいと思います。

ブログにナビゲーションバーの作り方

このナビゲーションバーですが、SEO的にはこのブログの場合、Ｈ１がワンテンポおくれたかたちになっちゃうんで、あんまりよくないとは思うんです。

なるべく見出しタグなんかはボディタグ直後にもってくるのがいいとは思うんですが、こんなんでもいいかなって思います。

でも、ひょっとしたら、逆にSEO的にいいかもしれないんで、ちょっと試してみようって思います。

たぶん、通常のブログの場合のＨＴＭＬの読み込み順でいえば、両サイドバーのレイアウトで、左サイドバーにカテゴリをもってきたかたちとほぼ同じだと思うんで、それほど影響はないんじゃないかなって気がします。

ナビゲーションバーの作り方の簡単手順

1. banner 直後にリンクをリスト表示する
2. スタイルシートも変更

ナビゲーションバーの作り方の手順としては、ブログのバナー直後にリストタグで、カテゴリリンクなどを記入します。スタイルシートもぶなんな感じにかえちゃいます。

シーサーブログでナビゲーションバーを作成するときは、ＭＴブログみたいに複雑な独自タグは使えないので、なるべくシンプルなかたちの方がいいんじゃないかなって気がします。

例えば、こんな感じ（ＩＥはソースの表示でみてください。）で書けばいいんじゃないかなって気がします。

以前に、ブログの背景画像を黄金色にブログカスタマイズしたので、次はこのナビゲーションバーを銀色にブログカスタマイズしようと思います。

単色だといまいち銀色っぽくみえないんで、グラデーション素材を使いながらブログカスタマイズした方がいいっぽい気もするんです。