トップページの上のほうに、小さな小見出し（目次）を作ることはできるでしょうか？

ブログ初心者です。

トップページの上のほうに小さな小見出しを作ることはできるでしょうか。例えば以下の映画サイト（ttp://www.cs-tv.net/）のタイトルの下の欄にあるようなやつです。

今の自分のサイトは です。具体的には、左側にある《カテゴリ》その他を上の映画サイトの小見出しのようにコンパクトに表記できれば、と思っております。

そういうことはライブドアブログで可能でしょうか？よろしくお願いします。

もし、あちらのブログと同じにしたいのでしたらご参考に
該当部分のスタイルシート

/*
----------------------------------------------------
グローバルメニュークラス
---------------------------------------------------- */
div#globalmenu{
clear:both;
font-size:100%;
margin:0;
padding:0;
width:100%;
letter-spacing:normal;
}

ul.menu{
margin:1px 0;
padding:3px;
text-align:center;
background-image: url("../img/globalmenu_bg.gif");
border-bottom:1px solid #333;
}


#globalmenu li{
margin:0;
padding:0 0 0 8px;
display:inline;
list-style-type:none;
background:url("../img/icon002.gif") no-repeat 0 50%;
}

#globalmenu li#menuon{
background:url("../img/icon001.gif") no-repeat 0 50%;
}
.menu a{
font-weight:normal;
text-decoration:none;
border-bottom:1px dashed #69F;
color:#333;
}

.menu a.active, .menu a:hover{
font-weight:normal;
text-decoration:none;
border-bottom:1px dashed #f00;
position:relative;
top:1px;
left:1px;
color:#f00;
}

HTMLソースの該当部分

<div id="globalmenu">
 <ul class="menu">
  <li id="menuon"><a href="http://www.cs-tv.net/">TOP</a></li>
  <li><a href="http://www.cs-tv.net/t/N000000/">A</a></li>
  <li><a href="http://***/">B</a></li>
  <li><a href="http://***/&page=1">C</a></li>
  <li><a href="http://***/">D</a></li>
  <li><a href="http://***/index.html" target="_blank">El</a></li>
  <li><a href="http://***/">F</a></li>
 </ul>
 <ul class="menu">
  <li><a href="http://***/">G</a></li>
  <li><a href="http://***/">H</a></li>
  <li><a href="http://***/">I</a></li>
  <li><a href="http://***/">J</a></li>
  <li><a href="http://***/">K</a></li>
  <li><a href="http://***/" target="_blank">L</a></li>
 </ul>
</div>

htmlとcssの知識がないとちょっと難しいとは思いますが...

htmlに

<div class="gnavi">
<a href="リンク先のurl">リンクテキスト</a>
<a href="リンク先のurl">リンクテキスト</a>
<a href="リンク先のurl">リンクテキスト</a>
</div>

を追加。<div id="blog">の下あたりに追加するとブログタイトルの右側、最新記事の日付の上当たりに表示されます。

css編集で

div.gnavi{
margin:0;
padding:0;
text-align:center;
}

div.gnavi a{
margin:0 1em 0 0;
padding:0;
line-height:120px;
font-size:10px;
}

をcssのどこでもいいので追加。

で、行けると思いますが...もし、デザインが崩れてしまう様な事があったら再度スキンを設定し直してリセットする覚悟でやってみてください。