Clik here to view.
如何提交 Google 表單後, 跳轉到指定網址？
前陣子發佈了「使用 Google 表單取代 Blogger 聯絡表單」之後，最近接到一個需求：「希望當訪客填寫完 GoogleForm 後，點 "提交"的按鈕，可以連結到另一個 Thank You Page...
View ArticleClik here to view.
WordPress 如何快速搜尋(修改) 範本或外掛中的字串﹍String Locator
由於朋友經營了幾個 WordPress (簡稱 WP) 網站，之前幫忙處理版面配置、修改外掛、寫客製程式等等問題，在 Blogger 範本已經十分熟悉的前提下，面對 WP 範本的修改，一開始說實在很頭大。例如要在範本或外掛中搜尋一個特定字串來修改，或是要找到網頁上的某個區塊，花費的時間多半是 Blogger 的十倍以上。還好找到了這個 WP 外掛「String...
View ArticleClik here to view.
Adsense 相關文章廣告 (相符內容功能) 使用心得
去年 Adsense 推出一個「相符內容功能」外掛，效果就跟一般部落格常安裝的相關文章工具類似，目的是用來增加訪客停留在網站的時間，就像常見的「Blogger 相關文章 V2」、「LinkWithin」等。當時看到並沒什麼興趣，主要是這工具裝了也不能增加收入；若是談美觀的話，另一個工具「Blogger 隨機文章 V2 + 輪播」的效果更好。不過前陣子在 +esor huang...
View ArticleClik here to view.
讓 Blogger 首頁能點擊圖片就進入文章頁面
最近接到一個需求：「能不能點擊首頁文章的大圖，就直接跳到文章網址？否則要點 "繼續閱讀"才能進入」。仔細想想的確很有道理，這才是友善的操作介面設計，以前怎麼都沒想過！於是現在 WFU BLOG 首頁文章封面圖，改為以最大尺寸呈現，並且加上文章頁面的連結。以下就來看看要怎麼做到這樣的效果。<< 請注意！本篇文章含會員加值文章內容，需點數兌換 >>(圖片出處:...
View ArticleClik here to view.
Blogger 使用 Pagespeed Insights 網站速度效能檢測心得
經營部落格的站長們，一開始在意的是門面(版面)是否美觀；過一陣子之後，注意力可能會轉移到網站的效能、載入速度能否更快，其中最常使用的檢測工具就是 Google 的「PageSpeed Insights」。這個 Blogger 中文論壇貼文詢問「Pagespeed Insight 分數很低怎麼辦 ?」，其實這類問題的詢問度很高，那麼就藉這個機會一併整理回答。(圖片出處:...
View ArticleClik here to view.
可商業用途及修改的高畫質免費 CC0 圖庫整理
經營部落格或網站，為了尋找、使用合適的圖片，得花上不少時間與心思，畢竟圖片是吸引注意力及增加訪客停留時間的重要因素。過去一向使用 Google 來搜尋圖片，因為這是樣本資料庫最大，且最省時省力的方式。但其實這麼做有風險，因為我們沒有足夠的時間來找出每張圖片、每個網站的使用條款，並仔細研讀。雖然 WFU 一向把 Credit 歸於原作者(標示出處)，然而萬一某張圖片的條款註明了「不可修改」，那麼...
View ArticleClik here to view.
Blogger 熱門文章 V2﹍卡片式縮圖 + 自適應尺寸 (RWD)
幾年前寫的「Blogger 熱門文章＋任意尺寸縮圖」，由於修改方式比較複雜，不熟悉程式碼的讀者，有可能不小心會把範本改壞。本篇 V2 版，除了可算是懶人包，安裝十分簡單，版面也比較有設計感。以下先介紹改版特點，想直接安裝可跳至「二、準備動作」。點此看範例網頁(圖片出處: magicmockups.com)一、改版特點可自訂縮圖比例縮圖寬度會自動符合區塊寬度，有 RWD...
View ArticleClik here to view.
Facebook 粉絲團的訊息無法收到 Email 通知？可安裝各種平台的 Messenger 即時通
其實 Facebook 聊天室的訊息，在以前是可以設定為「以電子郵件通知」。但 WFU 不知從何時開始，就沒收到過 Email 通知了。原以為是我曾經取消訂閱郵件通知，不過試了很久都找不到答案，最後在這個國外討論串「How do I turn on email notifications for messages?」才知道，是 FB...
View ArticleClik here to view.
替換 Blogger 所有預設留言頭像圖示 (CSS 技巧)
最近忽然發現，Blogger 預設的留言頭像有了變化，原本匿名留言的頭像，是無臉孔的圖案，但現在則變成完全空白。除了這點可能會造成版面不佳，另外其他的預設圖示 (例如 Blogger 帳號的圖案) 尺寸只有 16x16 (px)，各種大小不一及完全空白的圖示，對於訪客的視覺感受也很差，會讓 Blogger 網站看起來不夠專業。於是花了點時間解決這些現象，而且只用到 CSS 技巧，不必寫 JS...
View ArticleClik here to view.
Blogger 長期免費諮詢﹍優惠方案申請
Blogger 使用者無論在是架站或使用上，由於「Blogger 沒有客服」，很多問題都不得不自行摸索。現在 WFU BLOG 將提供 Blogger 使用者，獲得長期免費諮詢的機會，沒有時間限制，意思就是說，WFU 將成為你 Blogger 網站的長期顧問，解決各種疑難雜症。不過這樣的好康是有條件限制的，請參閱本篇的說明。(圖片出處: picjumbo.com)一、原始 Blogger...
View ArticleClik here to view.
[WP外掛] 讓網頁根據訪客語言設定, 自動轉換簡繁文字
之前寫過「讓網頁根據訪客語言設定, 自動轉換簡繁文字 (切換按鈕升級版)」這個版本，因為有朋友的 WordPress 網站需要這個功能，所以改寫了本篇的版本。雖然 WordPress 也可以直接安裝原版本，但有種種原因值得改為優化後的 WP 版本，以下會簡單介紹，而想直接安裝的話，可跳至「二、上傳 JS 檔」。一、WP 改版特色1. JS 外連原本的 JS 檔外連放在 Google...
View ArticleClik here to view.
免安裝外掛, 直接破解網頁「鎖右鍵+防複製」的方法 (使用書籤)
之前介紹的「破解 "鎖右鍵+防複製"的 Chrome 外掛」，+Pulipuli Chen 布丁大留言表示，Quick Javascript Switcher 無法破解 CSS 的 "防複製"語法。雖然 CSS 這件事不難處理，不過若是為了一項小小任務而裝了兩個外掛、或是準備兩套方案的話，感覺有點殺雞用上牛刀。因此當時就計畫研究，能否只用一個最簡單的方法(使用書籤)，就能同時破解 JS/CSS...
View ArticleClik here to view.
Blogger 隨機文章 V2 + 輪播效果
前陣子介紹完最熱門的 jQuery 輪播外掛「Owl Carousel」，聯想到部落格文章結束處，經常會配置的 "推薦文章"工具，例如「相關文章」，如果搭配輪播功能的話，應該會有不錯的效果。要進行輪播之前，得先隨機抽出足夠的樣本數，而 "相關文章"的樣本母體來自於相同標籤的文章，數量有時會不夠，因此本篇選擇將輪播功能，搭配同樣適合放在文末的「隨機文章」，這樣子抽樣母體比較大(整個網站的文章數)。同時...
View ArticleClik here to view.
讓 Facebook 首頁動態只出現「搶先看」貼文
這個工具是依據我個人使用 FB 習慣所製作的，不一定適合每個人，如果剛好你的使用模式跟 WFU 類似的話，那麼可以嘗試看看。FB 目前首頁動態的貼文內容，如果花點時間與耐心來設定的話，是完全可以只出現指定追蹤對象的動態。不過有的時候，或許你會希望有更多的彈性，例如時間不夠時，會希望只看到「搶先看」的必要資訊；而時間足夠時，可以多瀏覽一下「搶先看」以外、朋友的最近動態。如果這樣的彈性是你希望的 FB...
View ArticleClik here to view.
接案經驗談：不斷要你報價，以及提出極低預算的業主
前陣子有個案主想製作 Blogger 網站，討論了滿長的時間，但最終提出來的預算十足讓我錯愕。其實預算不足的案主所在多有，拋一兩句來詢價的也不少，但這次的案例，特殊在一開始規格拉得很高，但一直提不出預算、沒有明確需求、不斷要求報價，導致花了不少溝通時間，結果最後拋出的是 2...
View ArticleClik here to view.
為 UL LI 項目清單輕鬆加入圖示的各種 CSS 技巧﹍使用 Unicode + Font Awesome 字型
前陣子接到一個需求，希望在所有 UL LI 項目(列表)清單之前，插入一個小圖示。而且這個圖示，需要將來可以很方便地自行替換。假如網頁的 UL LI 項目早已做好，那麼一個個手動加入 IMG 標籤的圖片，不但很麻煩，日後也不方便維護(更換圖示)。其實這件事使用 CSS 技巧就能很簡單完成，一次可替 UL LI...
View ArticleClik here to view.
稍後閱讀，各種推送到 Kindle 的技巧整理﹍Chrome 網頁圖文 + Evernote 記事 + RSS 閱讀器
最近使用多年的 Kindle DX 9.7"功成身退，買了兩個月前剛出的 Kindle 8，雖然螢幕小很多(只有 6")，不過最重要的是有了 Wifi 功能，不必再依靠會降低使用意願的 USB 傳輸線。為了保護眼睛、減少看背光螢幕(包含行動裝置)的時間，當逛到內容比較長的網頁圖文、或是 RSS 閱讀器有值得 "稍後閱讀"的長篇文章時，就可以利用 Wifi 自動推送到 Kindle...
View ArticleClik here to view.
電子書閱讀器 Kindle 8 購買及使用心得
使用多年的 Kindle DX 終於到了壽終正寢的時刻，為了眼睛著想，生活不能沒有 E-Ink 的電子書閱讀器。可惜 Amazon 已經不出 9.7"的大尺寸，現在一律只有 6"，但規格版本之多，令人目不暇給，要如何選擇還真有點頭疼。那麼本篇就紀錄一下 Kindle 購買的注意事項、版本比較，為何選擇 Kindle 8，以及操作使用的心得。(圖片出處: pixabay.com)一、版本差異1....
View ArticleClik here to view.
解決 Blogger 行動版導覽列選單上「首頁」的異常現象
前陣子接到一個委託，表示 Blogger 行動版的導覽列選單，「首頁」這個項目沒有反應。其實這個問題很久以前就有發現，只是自己的行動版沒有使用官方的「網頁」小工具，所以沒有深究這個問題。這次有這個機會來審視一下這個異常現象，才發現要解決的話，還真是出乎意料的棘手，因此紀錄一下解決過程。<< 請注意！本篇文章含會員加值文章內容，需點數兌換...
View ArticleClik here to view.
過場效果華麗的 jQuery 圖片輪播外掛 Camera﹍CDN 安裝懶人包
之前曾介紹「Camera 圖片輪播外掛安裝及使用詳解」，他值得推薦的特色不少，除了多樣的炫麗過場特效，幾乎各種想得到的效果都能自訂，更重要的是支援 "自適應"寬度，這在行動裝置是非常重要的。可惜的是這個外掛不容易安裝，需要支援目錄式的網路空間(其實幾乎所有輪播外掛都是如此)。上一篇介紹了 Google Drive 的安裝方式，但由於「Google Drive 檔案外連功能將於 2016 年 8...
View Article