さて、早速説明に入ります。

エントリーリストを書き出す独自タグを

• ページエントリ：<div id="entrylist">{selected_entry_list}</div>
• 最新エントリ：<div id="newentrylist">{latest_entry_list}</div>

のように置き換えます。

ここでは独自タグ{selected_entry_list}を「ページエントリ」のリストと表記しています。ご了承下さい。

続いて、毎度のごとく</body>の直前(つまり、htmlテンプレートの最後の方になります)に以下のようなJavaScriptを挿入します。

<script type="text/javascript">
<!--
TreeEntry('entrylist'); /* ページエントリのツリー化 */
TreeEntry('newentrylist'); /* 最新エントリのツリー化 */
function TreeEntry(idName) {
  var markText = '⇒ '; /* ツリー用マーク */
  var objFocus = this.document.getElementById(idName);
  if (!objFocus) return;
  var objLists = objFocus.getElementsByTagName('li');
  var listBase = new Array();
  var listElem = new Array();
  var outText = new Array();
  if (objLists.length > 0) {
    for (i = 0;i < objLists.length;i++) {
      var linkUri = objLists[i].firstChild.getAttribute('href');
      var linkTxt = objLists[i].getElementsByTagName('a')[0].firstChild.nodeValue;
      objLists[i].innerHTML.match(/�\((�\d�\d�\/�\d�\d)�\)/);
      var txtDate = RegExp.$1;
      var tmpElem = new Array(markText,'<a href="',linkUri,'">',linkTxt,'</a><br />');
      var txtEntr = tmpElem.join('');
      var flagCheck = true;
      for (j = 0; j < listBase.length; j++) {
        if ( listBase[j].indexOf(txtDate) > -1 ) {
          flagCheck = false;
          listElem[j] += txtEntr;
        }
      }
      if (flagCheck) {
        listBase[listBase.length] = txtDate;
        listElem[listElem.length] = txtEntr;
      }
    }
    outText[outText.length] = '<ul>�\n';
    for (i = 0;i < listBase.length;i++) {
      outText[outText.length] = '<li><strong>[';
      outText[outText.length] = listBase[i];
      outText[outText.length] = ']</strong><br />';
      outText[outText.length] = listElem[i];
      outText[outText.length] = '</li>�\n';
    }
    outText[outText.length] = '</ul>�\n';
    objFocus.innerHTML = outText.join('');
  }
}
// -->
</script>

もし最新エントリリストをツリー化したくない場合(ページエントリリストだけをツリー化したい場合)は、

TreeEntry('newentrylist'); /* 最新エントリのツリー化 */

を削除してください。逆にページエントリリストをツリー化したくない場合(最新エントリリストだけをツリー化したい場合)は、

TreeEntry('entrylist'); /* ページエントリのツリー化 */

を削除します。

また、ツリー表示部分のマークを、例えば、└に変更したいという場合は、

  var markText = '⇒ '; /* ツリー用マーク */

の部分を次のように変更します(強調部分が変更箇所)。

  var markText = '└ '; /* ツリー用マーク */