Bloglendar setup for new Blogger (blogger beta)

1) make sure you have the following java script and css:
http://hk.geocities.com/hk_sports_reporter/bloglendar.js
http://hk.geocities.com/hk_sports_reporter/bloglendar-main.js
http://hk.geocities.com/hk_sports_reporter/bloglendar.css

2) download the xml file from 'Setup -> HTML', prepare a editor which can edit xml file

3) find the following statement in the XML file
＜b:if cond='data:post.dateHeader'＞
＜h2 class='date-header'＞＜data:post.dateHeader/＞＜/h2＞
＜/b:if＞

4) add the second statement like this
＜b:if cond='data:post.dateHeader'＞
＜div class='blogDate' expr:title='data:post.dateHeader'＞＜/div＞
＜h2 class='date-header'＞＜data:post.dateHeader/＞＜/h2＞
＜/b:if＞

5) add HTML element at the side bar as follow
＜div id="bloglendar"＞＜!-- Bloglendar here --＞＜/div＞

6) done

reference:
http://jikkenshitsu.blogspot.com/2006/10/blogger-beta.html
http://www.kuribo.info/2006/02/blogger_10.html