Creating a Blog Calendar Without theTitle List

After reading this tutorial "Blogger Calendar Archive" at PurpleMoggy's Blog, I was inspired to make a blog calendar without the title list as commented on by tracrium:-

Hi, How can I delete the list of titles under the calendar? It's a very long list when there's a lot of post in a month.

I must agree with tracrium. Just imagine if you have 30 posts in month of August 2008, then you will end up with a very long list of titles which will cause your sidebar to slide down to the bottom. I've made a slight change to the code. But if any of you are interested to have a blog calendar with the title list, you may read his tutorial at http://purplemoggy.blogspot.com/. Login to your Dashboard> Layout> Edit Html. Copy the scripts source code below and paste between the closing b:skin tag and the closing head tag.
<script type="text/javascript" src="http://yui.yahooapis.com/2.2.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.2.0/build/calendar/calendar-min.js"></script>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.2.0/build/calendar/assets/calendar.css"/>

Next, click here and copy/paste the following code before the closing head tag. Note - edit the following variances:-

var _yourBlogUrl = "http://onlinebiz-my.blogspot.com"; //edit this
var _yourBlogTimeZone = "+08:00"; //edit this

Then, go to Layout> Page Elements and add a new HTML/Javascript element with the following:-

<div id="cal1wrapper">

<div id="cal1select">

<select id="cal1monthselect" name="cal1monthselect">
<option value="0"/>Jan
<option value="1"/>Feb
<option value="2"/>Mar
<option value="3"/>Apr
<option value="4"/>May
<option value="5"/>Jun
<option value="6"/>Jul
<option value="7"/>Aug
<option value="8"/>Sep
<option value="9"/>Oct
<option value="10"/>Nov
<option value="11"/>Dec
</select>
<select id="cal1yearselect" name="cal1yearselect">
<option value="2000"/>2000
<option value="2001"/>2001
<option value="2002"/>2002
<option value="2003"/>2003
<option value="2004"/>2004
<option value="2005"/>2005
<option value="2006"/>2006
<option value="2007"/>2007
<option value="2008"/>2008
<option value="2009"/>2009
<option value="2010"/>2010
<option value="2011"/>2011
<option value="2012"/>2012
<option value="2013"/>2013
<option value="2014"/>2014
<option value="2015"/>2015
<option value="2016"/>2016
<option value="2017"/>2017
<option value="2018"/>2018
<option value="2019"/>2019
<option value="2020"/>2020
</select>
<input id="cal1dateselect" value="Go" type="button"/>

</div>

<div id="cal1Container"><img style="vertical-align:middle;" src="http://img239.imageshack.us/img239/9057/40lf8.gif"/> Loading...</div>
<div style="clear:both;"></div>

<div id="calbackloadimg">
<pre id="cal1loadimg" style="display:none;"><img style="vertical-align:middle;" src="http://img239.imageshack.us/img239/9057/40lf8.gif"/> Loading...</pre>
<pre id="cal1Titles"></pre>
</div>

</div>

Save changes and you're done! (Note - the light green color indicates last posting dates with url links.)