2010年12月21日 星期二

部落格新增下雪的效果

透過google部落格的新增小工具HTML/JavaScript功能,可以為部落格新增不同的功能
像是耶誕節,就可以新增一些下雪的效果
剛好下列這個網站有提供下雪功能的語法檔案
http://www.schillmania.com/projects/snowstorm/
或是到下列作者的另一個網站
https://github.com/scottschiller/Snowstorm/tree/snowstorm141-20101113-dev
以第二個網站而言,新增的步驟如下:
1.進入後點選「download」下載最新的版本
2.解壓縮後會用到的檔案有snowstorm.js、wwflakes-webfont.css、wwflakes-webfont.eot、wwflakes-webfont.ttf、wwflakes-webfont.woff 五個檔案。
3.將上列檔案上傳至一個可以提供分享的儲存空間,例如dropbox的public資料夾。
4.修改snowstorm.js內有關wwflakes-webfont.css、wwflakes-webfont.eot、wwflakes-webfont.ttf、wwflakes-webfont.woff 這四個檔案的位置,要將他們改成dropbox的public的網址才找得到。
5.新增HTML/JavaScript小工具,內容為
[script src="看下面註解1"][/script]
[script]
snowStorm.excludeMobile = false;
snowStorm.snowColor = '#aaaaaa'
[/script]
註解:
1.填入snowstorm.js的dropbox的public網址。
2.snowStorm.snowColor = '#aaaaaa' 這個是指雪花的顏色。
3.上列"["符號要改成<,"]"符號要改成>。

沒有留言: