聖誕節布置懶人包

6   Comments

雖然很少慶祝節日, 不是出差就是工作(不是一樣嗎?). 但是我還滿喜歡趁著節慶布置部落格, 感受一下虛擬的氣氛. 有點麻煩的是, 事後還要修改回來. 看到有的公司行業很早就擺出聖誕布置, 惹得好友私下問我今年會不會也布置一番?
我想到今年初做了一張2012新年圖, 花了我一個休息日, 擺了不到十天下架. 可說氣氛搞心酸的. 所以這次我想能否弄個簡單方法, 不必東改西修的懶人包, 分享給網友一起搞氣氛.

最簡單的方式是在" Layout(布置) "新增一個HTML/JavaScript小工具, 將以下的插件複製貼上就完成了. 事後整個小工具移除就恢復原有的設計, 不必動到範本CSS修改, 明年再重複利用一次, 哈哈! (明年當然會稍做修改, 使用期至1月初)

懶人包插件內容包括: 背景, 胖胖雪花, 滑鼠游標, 音樂盒.
本來想多附加些東西, 算了... 太制式也不好吧! 附加音樂就將就著點跟我用同樣的, 誰叫它是懶人包, 使用者完全不必上傳檔案. Demo看效果.

請複製以下HTML到HTML/JavaScript工具裡.


<link href="https://dl.dropbox.com/u/34007546/Xmas/Xmas.css" rel="stylesheet" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://dl.dropbox.com/u/34007546/Xmas/Xmas.js"></script>
<script src="https://dl.dropbox.com/u/34007546/Xmas/Snow-fall.js"></script>
<script>jQuery(document).ready(function(){jQuery(document).snowfall()});</script>


如已經使用jquery.min.js程式庫, 不必重複加裝程式碼.

假使你跟我一樣, 在部落格裡大量使用HTML5 Canvas圖形運算, 胖胖雪可能會造成CPU運作大, 可以改成另一種.


<link href="https://dl.dropbox.com/u/34007546/Xmas/Xmas.css" rel="stylesheet" type="text/css" />
<script src="https://dl.dropbox.com/u/34007546/Xmas/Xmas.js"></script>
<script src="https://dl.dropbox.com/u/34007546/Xmas/Circle-word.js"></script>


Author Summary
聖誕節布置懶人包
Subject : 聖誕節布置懶人包
Author : - Dream Talker Updated at: 3:56 AM
Votes : 100% - 5.0 - based on 2015
The Christmas decoration lazy package gadget on Blogger.網站快速布置聖誕節氣氛的小工具,背景,雪花,音樂盒,滑鼠游標組合包.
5 Stars - Reviews
留言提示 - Comment Tips
◆ 如果您有任何想法或意見,歡迎參與留言。
◆ Disqus匿名留言,信箱及個人資訊不會公開顯示。
◆ 請多使用社群帳號留言,可簡化流程並訂閱回復。
◆ 『私密留言』請使用Google+分享按鍵,留言須使用『@Mark X』在訊息中,以免遺漏通知。
◆ G+ 訊息中指名分享對象的參考文件: 『 說明
  • Disqus
  • Blogger
  • Facebook
Anonymous left your nick please
  1. 很棒的idea, 我想每逢特殊節日就可以丟到公佈欄,整個網站的感覺都不一樣!

    ReplyDelete
    Replies
    1. 幾個大節日湊齊又過了一年好像也不錯.

      Delete
  2. hi mark,

    連續使用這個聖誕節 widget 好幾年了,不好意思想換一下不同的音樂 ^^"

    請問可以自行修改 https://dl.dropboxusercontent.com/u/34007546/Xmas/Xsong.xml 裡面的 mp3 清單嗎?

    如果可以的話,可以寫修改流程的文章嗎?會附上本文的原始出處 ^^

    ReplyDelete
    Replies
    1. 當初我把 Xsong.xml 做成清單拉到 swf 外面的用意就是方便自行修改內容,倒是沒考慮到網友會不會修改原始碼的問題。這個小玩意應該作成 HTML5 文件會比swf 好(沒研究過),還有 Dropbox 現在只能使用 https 開頭的網址﹍所以當作內嵌物件不是很適合。

      您先修改音樂清單,時間即期,我應該來不及寫修改文章了(可用的音樂來源也是問題)。

      Delete
    2. 不好意思,讓你誤會意思了,我是說「"我" 可以寫修改流程的文章嗎」, 所以後面補充「會附上本文的原始出處 」~~XD
      那我這一兩天先簡單寫了~ :)

      Delete
    3. 啊!(抓臉﹍)現在才想到今年居然沒有分享新的小玩意文章?!應該製作新的播放器多點選擇。

      Delete