グローバルナビってのは私のブログだとコレ↓↓↓
03gnabi
要はメニューバーですね。
そんなに豊富なコンテツがあるわけでもないんですけど、なんとなくあった方がカッコイイと思いつけて
みる事にしました。

まずCSSにコレ追加↓↓↓
#gnavi {
   background:#333333; repeat-x scroll 0 0;
   width: 996px;
   margin-bottom:10px;
   float:left;
}
#gnavi ul {
   list-style:none;
   margin:0;
   padding:0;
}
#gnavi li {
   float:left;
   margin:0;
   padding:0;
}
#gnavi a {
   border-right:1px solid #CCCCCC;
   color:#fff;
   display:block;
   padding:5px 10px 5px 10px;
   text-decoration:none;
}
#gnavi a:hover {
   background:#66cbfe top left repeat-x;
   color:#000000;
   text-decoration:none;
}
追加する場所はどこでもいいです。
このままですと、このブログとまったく同じ仕様になります。

赤文字はバックカラーです。
青文字部分には自分のブログの横巾を入れて下さい。
水色文字はボーダーカラーです。縦に入る区切りの線の色指定です。
緑文字はテキストのカラーです。
ピンク文字はマウスオーバーした時の背景カラーです。
紫文字はマウスオーバーした時のテキストカラーです。

続いては各HTMLにコレ追加↓↓↓
<!--ナビゲーションここから-->
<div id="gnavi">
        <ul>
            <li><a href="リンク先のURLを挿入">Home</a></li>
            <li><a href="リンク先のURLを挿入">About</a></li>
            <li><a href="リンク先のURLを挿入">Archives</a></li>
            <li><a href="リンク先のURLを挿入">Contact</a></li>
            <li><a href="リンク先のURLを挿入">Link</a></li>
        </ul>
</div>
<!--ナビゲーションここまで-->
追加する場所は
<div id="content" class="hfeed">
の上とか下とか、まぁその辺がいいと思います。私の場合はこのタグの真下に入れました。

以上の事をやるとこうなりました↓↓↓
01gnabi
後は自分の好きなURL先とタイトルを入れて完成です。

デフォルトでは5つのリンク先ですが
<li><a href="リンク先のURLを挿入">タイトル</a></li>
を追加していけば数を増やす事ができます。

この方法だと左揃え状態なんですが、中央に均等に寄せたいって人もいると思いますので
そちらの方法も一応記載。

CSSにコレ追加↓↓↓
#gnavi {
   background:#333333; repeat-x scroll 0 0;
   width: 996px;
   margin-bottom:10px;
   padding:5px 0px 5px 0px;
   float:left;
}
#gnavi ul {
   text-align:center;
}
#gnavi li {
   display:inline;
   padding-right:1em;
}
#gnavi a {
   color:#fff;
   text-decoration:none;
   padding:0.5em;
}
#gnavi a:hover {
   background:#66cbfe top left repeat-x;
   color:#000000;
   text-decoration:none;
}
HTML部分には先程と同じのを追加。

その結果↓↓↓
02gnabi
中央寄せになりましたね。

ちなみに下に隙間が開くのがイヤなんです。って人はmargin-bottom:10px;の記述を消してもらえば
OKです。以上で終了。