Clik here to view.
讓網頁顯示特定中文字型﹍安裝實作教學
在網站使用中文字型是個大問題，由於字型檔在現有的網路速度下，過長的傳輸時間讓我們不能隨心所欲使用喜歡的字型，也因為如此，只能遷就訪客作業系統現有的字型，例如「網頁中文字型除了微軟正黑體, 還有這些好選擇！」。這篇「使用 UNICODE 特殊符號取代網頁小圖示」，使用了 CSS3...
View ArticleClik here to view.
會員中心贈送點數限時活動 (20150706 - 0715)
試營運已久的「會員中心」，最近即將宣布正式營運，同時也會有一系列活動，例如開幕期間，「會員加值文章」所有的 "Blogger 工具"都只要 50 點即可兌換。如果你是長期關注本站的忠實讀者，且已經加入會員，現在 WFU BLOG 舉辦的限時贈點有獎徵答活動，參加期限只有 10 天，答對越多可拿到越多點數，換得更多獎品。還沒加入會員也沒關係，只要有 FB...
View ArticleClik here to view.
讓 Google 問卷(表單)能自動計分 V2
由於 Google Drive 全面更新為新版雲端硬碟，過去曾寫過的「讓 Google 試算表製作的問卷試題能自動計分」，某些舊試算表函數功能已經被廢除，導致在新版試算表，將無法執行舊版自動計分的功能。如果你的 Google Drive 還保有一些舊版檔案，那麼或許可以套用舊版的自動計分製作方法。如果是新的 Google...
View ArticleClik here to view.
高畫質免費圖庫搜尋引擎(CC0)
為了方便從網路搜尋，及使用合法、無爭議的免費圖片，製作了一個「CC0 免費圖庫搜尋引擎」，可以一次同時搜尋所有 CC0(放棄著作權) 免費圖庫。有了這個搜尋引擎，可不必再單獨進入個別圖庫網站，來做個別搜尋的動作，這也代表製作網站使用的圖片，可節省不少流程與時間。使用說明及介紹請見後述內容，想要立即體驗這個搜尋引擎，請按下面這個按鈕前往。如常常需要搜尋可商業用途、可修改、不用標示出處的免費 CC0...
View ArticleClik here to view.
部落格「會員系統」正式啟用
從去年九月「會員中心」試營運以來，最近終於將預計規劃的功能全部上線，同時也感謝讀者的支持，目前已經累積了超過一千名會員。究竟為何需要加入會員？使用會員中心有什麼好處？正式營運又有什麼優惠呢？請見以下詳細的說明。(圖片出處: hartsplumbingwa.com)一、功能介紹1....
View ArticleClik here to view.
網頁使用自製紋理背景﹍雜點+拔絲+再生紙效果實作 [CSS 技巧]
過去本站各個區塊一直都是使用單色背景，稍微比較沒質感，而好處是網頁載入速度會快一些。前陣子剛好有讀者詢問哪裡可以找到不錯的紋理背景圖案，因此稍微研究了一下這方面的資訊，順便幫網站背景換上自製的紋路，不過就是得稍微犧牲幾個 http 請求。其實網路上的免費背景圖資源非常多，可以找到各式極有質感的圖案。為何 WFU...
View ArticleClik here to view.
安裝 PAYPAL 贊助+分期付款(訂閱)按鈕﹍以及使用心得
前陣子幫讀者處理 PAYPAL 贊助按鈕的設置，加上還有分期付款的需求，藉這機會整理一下心得，讓有需要的讀者參考。雖然網站很久以前就放了 PAYPAL 贊助按鈕，不過到後來發現贊助的使用率較少，反而是支付的使用較多。因為轉帳對於某些族群比較麻煩，而 PAYPAL...
View ArticleClik here to view.
Blogger 放大留言頭像尺寸的 JS 語法
過去曾寫了幾篇關於修改 Blogger 頭像尺寸的文章，例如「舊範本修改各種身份頭像」、「新範本修改留言頭像尺寸及形狀的 CSS 語法」。不過最近 +toa to於這個「Blogger 中文社群討論串」表示， "最近發現，雖然把頭像變大了，但網址還是s35-c，導致圖片看起來很模糊"。後來仔細想了一下，當初寫 CSS 修改語法時，並不會有這樣的問題，那麼大概是 Blogger...
View ArticleClik here to view.
避免使用 PICASA 網路相簿圖片外連，會造成 Google+ 及 Blogger 縮圖失效
之前曾寫過一篇「Google Drive 當圖床對 Blogger 的不好影響__使用 Picasa 的三大好處」，主要是因為 PICASA 的圖片網址，能夠產生各種縮圖尺寸，這算是 Google 非常高竿的獨家技術。不過 Google 前陣子推出了同質性的新產品「Google 相片」，這個決策似乎影響了「PICASA 網路相簿」，從七月以來發生了一些災情：1. Blogger...
View ArticleClik here to view.
Blogger 首頁文章怎麼消失了？
其實這個問題已經趨近每月一問，由於出現次數頻繁，乾脆整理成一篇，以後直接給此篇連結就好。要瞭解這個問題之前，得先瞭解 Blogger 的官方限制。知道原理之後，就能理解解決方法了。一、Blogger 所有官方限制1. 官方規定請先進入官方網頁「Blogger 相關限制」，這個網頁列出了所有 Blogger 各種項目的使用上限，例如：網誌數量：每個帳戶最多可擁有 100...
View ArticleClik here to view.
[教學] 讓新版 Google 表單(試算表)能自動寄信﹍(2) 安裝程式碼
以下接續「第一篇」的步驟。在試算表的畫面，按「工具」→「指令碼編輯器」圖中紅框原本的程式碼請全部清除，置換為本文的安裝程式碼。三、安裝程式碼如果要修改參數的話，請參照以上程式碼行號。B：紅色字串請務必改為自己的 email 地址C：此行字串可改為自訂標題D：如果你的 Google 表單供填寫 email 的項目名稱就是 "email"，此項不必變動E：每個 Google 帳號每日可寄信的額度為...
View ArticleClik here to view.
CSS 色碼英文名稱對照表一覽﹍快速挑選好看的顏色
之前看到這篇「CSS1-CSS3 顏色知識知多少？」，整理了所有 "可用英文命名"的顏色及色碼，這樣的表格對於查找顏色還滿不錯的。由於原作者的表格，是依照 CSS1 ~ CSS3...
View ArticleClik here to view.
讓網頁表格能自動排序﹍TableSorter 安裝懶人包
前陣子製作「CSS 色碼英文名稱對照表一覽」時，需要一個 "讓表格能排序"的功能，這樣讀者就能依照自己需求，針對不同欄位進行排序，如此查找資料非常方便，算是一個「友善的使用者體驗」。因此研究了一下網頁表格排序的功能，本篇記錄一下處理的心得，並將安裝方式整理成懶人包，有需要的讀者套用起來會很方便。一、TableSorter 介紹在所有 jQuery 表格排序外掛裡面，TableSorter...
View ArticleClik here to view.
將網頁所有網址字串轉換為超連結
雖然「超連結」語法不難，但終究多數的訪客並不熟悉程式語言、不瞭解 HTML 碼，那麼在留言、發表意見時，若需要引用網址，訪客是不會使用 A 標籤語法的，只會直接貼上 http 開頭的網址連結字串。如此一來，留言中的網址連結無法點擊，不利於資訊傳播。因此我們可以看到 Facebook、Google+...
View ArticleClik here to view.
「BLOGGER 中文論壇」正式成立
Blogger 長久以來在中文環境下，沒有能匯集使用者、進行交流分享的專屬討論區。將近三年前，WFU 在 Google+ 成立了「Blogger中文社群」，作為中文環境的 Blogger 討論區之用。一開始在 G+ 社群功能剛發佈的推手下，討論算是十分熱絡。不過隨著時間拉長，除了 G+ 是否能持續經營產生雜音；另一方面，把 "社群媒體"當作 "討論區"用途的缺陷也慢慢浮現。"G+ 社群"畢竟不是專為...
View ArticleClik here to view.
BLOGGER 留言有禁止訪客自刪的功能嗎？
在備份「Blogger 中文社群」文章到「Blogger 中文論壇」時，發現了這個討論串「BLOGGER留言有禁止訪客自刪的功能嗎？」。這樣的需求不是沒有道理，若是自刪的留言原本為...
View ArticleClik here to view.
增加工作效率﹍四款倒數計時 Chrome 套件評比
「倒數計時」這類功能簡單、又可增加工作效率的小軟體，過去試用了多款桌面軟體，不過始終找不到一個輕量級、好操作、看得順眼的選擇，最終乾脆在桌上擺個實體計時器，直接按還比較方便快速。直到最近測試了幾個 Chrome 套件，沒想到效果、質感比桌面軟體好很多，操作也比實體計時器便捷。由於打開電腦作業時，Chrome 幾乎都是開啟的狀態，因此倒數計時的套件的確能取代實體計時器的使用。基本上 WFU...
View ArticleClik here to view.
讓 Blogger 留言能顯示圖片及 Youtube 影片﹍將網址字串轉換為圖片
一直以來 Blogger 留言不開放貼圖語法，這是很可惜的事，畢竟很多時候「一張圖勝過千言萬語」，搭配影像的輔佐可節省許多文字的描述。當然官方應該也是有其考量，若開放了 img標籤的使用，萬一訪客放了高解析大圖、或是大量貼圖用來惡搞網站，導致網頁開啟速度被癱瘓是有可能的；更甚者在圖片網址夾雜惡意連結，都有可能造成資安危機。因此，已經考量清楚的站長，決定開放 Blogger...
View ArticleClik here to view.
不必再進入 Facebook﹍訂閱不公開社團 RSS 的技巧
之前寫過一篇「IFTTT 訂閱 Facebook 社團貼文心得」，可惜敵不過 FB API 的頻繁改版，現在 IFTTT 已經無法再支援「FB 社團」的同步功能。不能訂閱 FB 社團是很麻煩的事，因為 WFU 加入的社團很多(人數也很龐大)，在訊息量這麼大的情況下，不太可能天天進 FB 社團看每一則貼文，就像我們不可能掃完所有 Line 群組的每一條訊息。利用 RSS...
View ArticleClik here to view.
Blogger 文章封面圖 (縮圖) 的各種呈現方式
最近接到一個需求，案主希望在文章標題上方擺放文章縮圖。要說是 "縮圖"其實不太精確，因為圖片必須滿幅寬(跟文章區塊同寬)，而這麼大的圖，應稱為 "封面圖"比較貼切。要做到這件事不難，使用「PICASA 或 Blogger 後台上傳的圖片」，Blogger 就能取得文章縮圖，再利用 Javascript...
View Article