嘗試一個新的外掛－日曆文章列表

很久以前，我曾經嘗試在部落格放上日曆的外掛，就是類似無名的那種行事曆，可惜最後以失敗告終。

當時就是參考 「在Blogger上安插月曆( Calendar) - IE 修正版」，可是千試萬試，就是沒有辦法把個日曆給弄出來。

一直我就覺得奇怪，這麼幾年下來，為甚麼從來沒有人寫出容易安裝的日曆外掛呢？

經過一年的磨練，不上不下的我也寫了幾個自認為還不錯的 blogger 外掛，功力雖然還是半吊子，但總算是可以輕易的把 JS code 看懂，於是乎前幾天心血來潮，就把壩子的那篇教學仔細了研究一番，總算讓我有了一些初步的成果。

整個外掛還在待修的階段，因為我這次試著完全不用 jQuery 寫，果然遇到很多問題，例如 DOM ready 的載入，在 IE 好像會不正常（已修正），FF 就完全正常。

其實放棄 jQuery 對於個業餘的程式寫作家真不是個好主意，不但浪費寫程式的時間，自己寫出的替代功能又沒有人家精心寫出的 framework 來的漂亮，不過會這麼做當然是有理由的，可以說是一次小小的嘗試，關鍵就是希望能多瞭解一些 Javascript 真正的內涵，而整隻外掛寫完，真的讓我受益很大。

當然，也更能體會 jQuery 或是 prototype 等 JS Library 的強大與可貴之處，這些前輩們的心血真是造福了我們這些小朋友啊！

這個外掛本來我是想要當作新的標籤選台器的附加功能之一，現在還在評估這個可能性，但無論如何，應該會先以單獨的外掛形式發表。

現階段遇到的主要問題是用 IE 在我的部落格上會看不到，但是在我的測試部落格上，IE 卻完全沒有問題，其他的問題還有 CSS 的格式設定，我還搞不清楚怎麼調整比較恰當（問題已修正，請重新安裝，並參考最後的格式設定），如果對這個外掛有興趣的朋友，或是看過壩子那篇文章，卻搞不出個所以然的朋友，也請拿去試試，順便提供我一些設計上的意見，感恩啊！

安裝方式比壩子的方法簡單個...100 倍而已，請依照下列步驟：

1. 將以下程式碼貼入任何一個 「HTML/Javascript」 網頁元素
   
   

   <div id="blogCalendar"></div>
   <script src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js" type="text/javascript"></script>
   <script type="text/javascript">
   Calendar.base='YourBlogName.blogspot.com';
   Calendar.timeZone='-05'; //美國時間
   Calendar.drawTable();
   </script>
   
   大功告成！

咦，好像只有一個步驟，應該夠簡單了吧！

記得要把紅色的部份改成自己的部落格喔！

喔還有，時區也要設定，台灣不用改（預設+08），其他國家請自己改成相對應的時區。

OK，就先這樣吧，希望你們會喜歡囉！

更詳細的請看 7/11 更新

附註：

要得到比較好的外觀，可以參考下面的 CSS 設定，只要把下面的程式碼加到外掛後面即可：

<style>
#blogCalendar {
margin-left:15px;
display:block;
text-algin:center;
border:2px dotted #ccc;
}
#CalendarCaption a
{
text-decoration:none;
}
#CalendarCaption{
border-bottom:1px solid #999;
width:80%;
margin:auto;
}
#CalendarTable a{
font-weight:bold;
color: blue;
}
.Today{
background: #ddd;
text-decoration:none;
}
#CalendarFooter{
padding-left:25px;
}
.yearInput{
background:yellow;
}
#monthTable{
color:black;
background:#eee;
}

</style>