2008年4月11日 星期五

EnCalendar日曆教學 for BLOGGER

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

目前有提供二種樣式(橫形,方形)供人下載, 行事曆都可自訂日子, 該日子會以紅圈表示, 用滑鼠移至紅圈的位置時可看到當日的內容;

星期六及星期天均會以淺綠色及淡粉紅色表示; 而且這行事曆也可自訂想要顯示的月份哦!

請先到 http://ripple.cside2.jp/enripple/en20_calendar/ 下載flash原始檔

設定步驟 :

1. 要正確自訂行事曆中的日子, 必須正確設定及自行製作 enCal.xml 這個檔案, 首先只要利用一般文字編輯工具,

Notepad (記事本) , 開啟一個新檔案, 然後複製以下的框內文字, 並修改合適的內容,

最後再將這個檔案儲存成 enCal.xml 檔案即可。

PS: 儲存檔案時, 請將編碼方式改為 UTF-8 以確保文字可以正常顯示。

enCal.xml 檔案的內容:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<calendar>
<date>
<yea>年份</yea>
<mon>月份</mon>
<day>日期</day>
<title>標題</title>
<link>鏈結</link>
<trg></trg>
</date>
<date>
<yea>2007</yea>
<mon>1</mon>
<day>31</day>
<title>birthday</title>
<link>http://33tsai.blogspot.com/</link>
<trg></trg>
</date>
</calendar>

enCal.xml 內容, 其結構是每段以 <date> 至 </date> 分隔, 每一段就代表一個設定。

文件內只有 2 個記錄的示範, 大家可以隨意添加, 而編輯的方法, 下面來說明:

例子:

<yea>2007</yea> 2007 代表 2007 年。

<mon>1</mon> 1 代表 1 月。

<day>31</day> 31 代表 31 日。

<title>birthday</title> - birthday標題, 標題支持繁 / 簡體中文。

<link>http://33tsai.blogspot.com/</link> - 可填上和該記錄有關的鏈結, 這樣, 只要當你按下該日期, 便會自動鏈結至你設定的網址了。另外, 這個 <link></link> 的參數即使省略不填上任何資料, 也是可以的。

只要在 enCal.xml 內, 複製 <date> 至 </date> 的內容, 然後進行修改, 就可以建立許多個記錄。

2.將你要顯示的flash行事曆樣式檔案和enCal.xml 上載到免費網路空間, 上載後, 將 enCalendar.swf 及 enCal.xml 檔案的路徑, 取代下列粗體低線的代碼中即可。

新增至 BLOGGER 語法


<embed pluginspage="http://www.macromedia.com/go/getflashplayer"
src="enCalendar.swf" flashvars="fv_cal=enCal.xml&fv_mon=0" menu="false" quality="high" wmode="transparent" bgcolor="#ffffff" width="600" height="65" name="enCalendar" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" /></embed>

變更顯示目前月份 (預設 fv_mon =0)

當 fv_mon 設定是 0 的話, 代表行事曆會顯示當前正確月份; 如果 fv_mon 設定是 -1 的話, 則代表行事曆會顯示當前月份的上一個月;

如果 fv_mon 設定是 1 的話, 則代表行事曆會顯示當前月份的下一個月。
尺寸:
官方橫形行事曆推薦使用設定尺寸 width="600" height="65"
官方方形行事曆推薦使用設定尺寸 width="170" height="170"

沒有留言:

EasyReadMore