サイトでsidebarfolder.jsをDLそしてUP。

インデックスのHEAD内に下記を挿入。

<script type="text/javascript" src="<$MTBlogURL$>sidebarfolder.js"></script>

そして<!-- タイトル -->のセットの次<!-- 左カラム -->の前に下記を書き足した。

<!-- サイドバー折り畳み -->
<div id="navi">
<ul><li id="leftmark"><a href="javascript:void(0);" onclick="changeSidebar('left');">＜</a></li></ul>

<ul><li id="rightmark"><a href="javascript:void(0);" onclick="changeSidebar('right');">＞</a></li></ul>

</div>
<!-- ここまで -->

HEAD内に下記のジャバスクリプト入れる。

<script type="text/javascript">
<!--
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
//-->
</script>

スタイルシートに下記を追加

#navi {
padding: 3px;
border-bottom: 1px solid #666699;
text-align:center;
font-size: 12px;
}
#navi ul {
margin: 0;
padding: 0;
display: inline;
}
#navi ul li {
display: inline;

}

#leftmark {

margin-right: 395px;
}
#rightmark {
margin-left: 395px;
}

このままだとなんだかレイアウトが崩れ気味だったので
上の395pxを295にした。完了。

※2006/11現在はこれを使っていません。また使うかも知れないので残しておきます＾＾