ナビゲーションバーの設置

手順（１）CSS最後尾に以下コピペ

/* ナビゲーションバー */
#navi {
text-align:center;
width:100%;
list-style-type:none;
margin:30px 0;
padding:0;
border-top:1px #cccccc solid;
border-bottom:1px #cccccc solid;
background: #000000;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#555555), to(#000000));
background: -webkit-linear-gradient(#555555, #000000);
background: -moz-linear-gradient(#555555, #000000);
background: -ms-linear-gradient(#555555, #000000);
background: -o-linear-gradient(#555555, #000000);
background: linear-gradient(#555555, #000000);
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 -3px 2px 3px;
}

#navi li {
display:inline;
}

#navi li a {
color:#777777;
padding: 10px 20px;
display:inline-block;
text-align: center;
}

#navi li a:hover {
text-decoration:none;
background:#999999;
color:#ffffff;
}
/* ここまで */

手順（２）フリープラグインに以下コピペ

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js " type="text/javascript"></script>

<ul id="navi">
<li><a href="ここにリンク先URLを入れて下さい">ホーム</a></li>
<li><a href="ここにリンク先URLを入れて下さい">ペタする</a></li>
<li><a href="ここにリンク先URLを入れて下さい">読者登録する</a></li>
<li><a href="ここにリンク先URLを入れて下さい">アメンバーになる</a></li>
<li><a href="ここにリンク先URLを入れて下さい">メッセージはこちら</a></li>
</ul>

<script type="text/javascript">
$(function() {
$("#navi").appendTo(".skinHeaderFrame");
});
</script>

<!--[if IE]>
<script type="text/javascript" src="http://www.ants-works.com/ameblo/js/PIE.js"></script >
<script type="text/javascript">
$(function()
{
$('ul#navi').each(function()
{
PIE.attach(this);
});
});
</script>
<![endif]-->

以上で完了