참고로 제가 했던 방법은 아래와 같습니다. (다만, 제가 JS를 배운적이 없어서 맞는지는 모르겠네요 -_- 동작은 잘됩니다)

archive_list.html 에는 다음 내용을 적당한 곳에 넣고요.

   <!--%import("js/moreless.js")-->
    <a href="" onclick="ySwitchMoreLess(); return false;" class="yMore">(more/less)</a>

moreless.js 화일은 다음과 같이 작성했습니다.

window.onload=ySetup;

function ySetup() {
    document.getElementById("yNewestArchive").style.height = "215px";
}

function ySwitchMoreLess() {
  var yItem = document.getElementById("yNewestArchive");
  if (yItem.style.height == "215px")
  {
    yItem.style.height = "auto";
  }
  else
  {
    yItem.style.height = "215px";
  }
}

처음에는 less 상태인 215px의 height 이고요. (more/less) 만 클릭하면 바뀝니다.
215px는 각자의 홈페이지에 맞게 하면 될 것 같고요. 전 12개월 표시하려고 했는데,
제 레이아웃의 css에서는 저 정도가 12개월에 적당하더군요.

설치는 제 홈페이지에 되어 있으니 확인은 홈페이지에서 하시면 될 것 같고.
동작 확인은 IE6, IE7, Sapari, Firefox, Opera 에서만 했습니다.