2009.12.16 部落格裡雪花紛飛 II

謝謝篤蘭老師的指點,改良後的雪花應可以在 IE 及 FF 裡同步放送。

請注意!
無論如何,若您要修改模版,最好都能先留個複本,程式碼部份也是如此。可以先複製到一個空的記事本裡,以備萬一。因為並非所有模版都長得一個樣,本文本著分享為目的,並未對所有模版都進行過測試。若造成您的模版變形,玩子在此先行致歉。只能說,改模版:好玩!但是有風險!

Step1. 先用 Photoshop 或其他工具軟體,製作 20×20 像素的去背動畫 Gif。本例動畫[下載]

Step2. 再下載 "2009snow_1.js" 檔,用記事本開啟並變更裡面相關變數。[下載]

//雪花動畫圖檔路徑及檔名
var snowsrc="/gallery/9/Snow-1.gif"
//雪花數量
var no = 20;
//雪花出現時間
var hidesnowtime = 0;
//雪花下降長度 視窗高或頁高 ("windowheight" or "pageheight")
var snowdistance = "pageheight";

// 以下換成動畫圖檔名稱
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "Snow-1.gif" : snowsrc

Step3. 將 Gif 及 "2009snow_1.js" 檔上傳檔案中心。並取得這兩個檔的實體路徑。以下為本例路徑。

http://blog2.huayuworld.org/gallery/9/Snow-1.gif

http://blog2.huayuworld.org/gallery/9/2009snow_1.js

Step4. 進入 個人網誌設定 / 網誌模版編輯器,複製一份模版,進入編輯畫面,進入 footer.template,在最後 </body> 前加上以下語法。

請將以下 src 中的路徑置換為您的路徑。若您想直接使用本例,請直接使用以下語法置於 </body> 之前。並請忽略 Step1~Step3。

<script type="text/javascript" src="http://blog2.huayuworld.org/gallery/9/2009snow_1.js"> </script>

Step5. 更新模版

Step6. 進入 個人網誌設定 / 網誌設定,選用剛才編改的模版。