Clik here to view.
瞭解 Blogger 動態檢視範本 + 行動版範本的特質
這個 Blogger 中文論壇貼文詢問「動態檢視範本如何修改」，其實本站寫的許多小工具，不時也有讀者詢問怎麼安裝到動態檢視範本(Dynamic Views)、或官方行動版範本，因為顯示不出來。雖然 Blogger 是個自由度很高的平台，什麼都能改、什麼都不奇怪，不過 "動態檢視範本" 跟 "官方行動版範本"...
View ArticleClik here to view.
運用 PTT 蒐集各種(旅遊)資訊﹍不可不知的操作及搜尋技巧
「BBS」看似是一個古老、過時的平台，但是在搜尋特定資訊時，跟 Google 相較之下，有時它會是我心目中的第一把交椅。在多數情況，Google 能幫我們找到問題的正確解答。但是當搜尋的資訊牽涉到商業行為時，那麼 Google...
View ArticleClik here to view.
Blogger 行動版改用自適應(RWD) Adsense 廣告, 讓版面更美觀
最近幫讀者處理行動版時，發現 Adsense 若改用「自適應(RWD)廣告單元」，效果會比想像中來得好。使用原始固定尺寸的廣告時，在不同行動裝置的效果都不一樣，小尺寸手機有可能超出頁面，而在大尺寸裝置或平板，則可能版面顯得空曠。總之，有一好就沒兩好。那麼本篇就來分享測試心得，並舉例說明其優點。(圖片出處: pixabay.com)一、Adsense 固定尺寸的效果1. 手機版尺寸Adsense...
View ArticleClik here to view.
檢查你的 Google Analytics 是否安裝了兩次, 那麼數據也會乘以二喔！
最近幫讀者檢視及優化 Blogger 範本內容時，發現 Google Analytics (以下簡稱 GA) 安裝碼出現了兩次，根據「優化網站效能該注意哪些事? (1)最關鍵的考量因素」，範本中的 JS 執行應該盡量減少，因此順手移除了其中一個。原本認為這不是什麼大不了的事情，想說 Google 應該沒那麼笨，就算我沒做這個動作，GA 自己也能排除重複執行的...
View ArticleClik here to view.
Blogger 使用文章編輯器的技巧, 及各種疑難雜症整理
前陣子幫讀者調整部落格版面及字體 CSS 時，被詢問到「我已經按照 "網頁中英文字型跨平台設定最佳化" 的教學來設定，為什麼文章的字型還是顯示 "新細明體"？」。其實這樣的案例 WFU 遇到不少，問題出在 Blogger 文章編輯器的使用方式。除了這個狀況，Blogger 文章編輯器會遇到的問題著實不少，本篇就來整理一下，處理各種問題需要的技巧，並以 FAQ 的形式呈現。一、除了官方編輯工具,...
View ArticleClik here to view.
讓 WIN8 / WIN10 平板關閉螢幕後能繼續播放(Youtube)音樂, 不會進入睡眠
在運用零碎時間、或做些不必使用眼力的活動時，我會同時聆聽一些 Youtube 演講、或不錯的節目片段，使用的工具是把富有行動力的 Asus T100 平板，當成音樂、影音播放器，因為電池續行力比手機強。沒想到測試之後，Windows 8 / 10 系統也碰到跟 Android 一樣的狀況，螢幕關閉後 Youtube 也隨之停止播放！不過 Android 系統的狀況比較不一樣，因為 Youtube...
View ArticleClik here to view.
部落格網站是否加強 SEO 就能帶來流量？
這是一個詢問度很高的主題，不少讀者請 WFU 檢視網站時會詢問 "SEO 有哪裡要加強"、或是 "SEO 要如何改善才能帶來流量"？我想 "SEO" 對很多部落格站長而言，也許存在一些迷思，有些是把 SEO 當作一種解決方案，有的可能把 SEO 與流量視為因果關係。不過 SEO 的定義實在太廣，把 SEO 與流量劃上等號這件事不是說 "對" 與...
View ArticleClik here to view.
Blogger 延伸閱讀 [小工具][文字版]
為了讓訪客看完文章不馬上離開，我們通常會在文末設計一個區塊，稱為 "延伸閱讀" 或 "您可能對這些文章有興趣" 等等，接著手動挑選、安插一些相關文章的連結。手動複製這些連結自然是很麻煩，也是可安裝一些小工具來替我們做這件事。其實 WFU...
View ArticleClik here to view.
緊貼螢幕邊緣的浮動 FB 粉絲團外掛
這個不會隨著螢幕捲動而變換位置的 Facebook 粉絲團外掛，會黏貼在螢幕邊緣、只顯示垂直的 "Facbook" 字樣，當滑鼠經過時才將 FB 粉絲團滑動顯示出來，而滑鼠離開後則立即收合。這樣的外掛效果並不算少見，許多知名部落格都有設置。最近處理一個案子需要安裝這個效果時，Google 到不少教學文章，程式碼多半都相同，主要來源為國外網站。由於這些 code...
View ArticleClik here to view.
Picasa 關閉之後, Blogger 要如何管理圖片？
自從前陣子 Google 宣布「關閉 PICASA」之後，不少讀者擔心 Blogger 使用的 PICASA 圖片會不會受影響？另外一點就是，習慣用 PICASA 管理、編修圖片的使用者，將來要如何管理圖片？Google 的意圖很明顯，收購 PICASA 取得關鍵技術後，PICASA 就不再重要，且逐漸將功能移轉到「Google 相簿」(Google Photo)。一方面圖床的功能會和平移轉到...
View ArticleClik here to view.
H1 標籤使用圖片代替文字時, 該如何處理？
前陣子處理一個案子時，被詢問到「網站標題使用圖片的話，會不會比較不容易被搜尋到？」顯然這位讀者是具備 SEO 概念的，一般來說，網站標題會放在最重要的 H1 標籤，而且使用文字敘述。由於 SEO 非我的專長，還是看看專家怎麼說比較保險。然而在尋找資料的過程中，發現用 "H1 標籤 圖片 代替 文字" 這幾個關鍵字去搜尋，前幾篇竟然全是錯誤的作法。當然 SEO...
View ArticleClik here to view.
CC0 免費圖庫搜尋引擎﹍2016 更新版
製作「CC0 免費圖庫搜尋引擎」已經將近一年，在這不算短的時間內，各大免費 CC0 圖庫產生了不少變化，收錄的網站也是有調整的必要。同時使用上，發現一些不太正常的現象，例如搜尋結果有時會出現 "非 CC0 圖庫網站" 的圖片。雖然常使用 CC0 圖庫的愛好者，可以一眼看出某些搜尋結果是不正確的，但畢竟不是每個使用者都很熟悉這一點，因此「CC0...
View ArticleClik here to view.
防止 Chrome 自動重新讀取分頁內容
最近發現使用 Chrome 時，對於已經開啟的網頁，只要切換到別的分頁一段時間後，再切回原來的分頁時，整個頁面就像自動按了「重新整理」一樣，會強制自動重新載入整個網站。這樣的情形其實還滿困擾的，因為不會只有一個分頁需要重新載入，而當多個分頁都要花時間等待再度載入時，真的是滿浪費時間的。其實之前並不會發生這樣的情形，想必是新版更新後造成的現象。那麼為何 Chrome...
View ArticleClik here to view.
FB「讚」按鈕與 Google「+1」按鈕最簡單安全的安裝方式﹍可解決對齊問題
在「Facebook 讚按鈕﹍四種安裝方式剖析」有讀者於留言 #2 表示 "不曉得刪除了哪個小工具的語法，所有文章都不會再顯示臉書專頁的讚按鈕了"。如果對程式碼不熟悉的話，FB 官方提供的 HTML5 語法，的確有可能安裝失敗、或發生彼此打架的情形。最安全、絕不會影響他處 FB 外掛的安裝方式，就是採取本文推薦的 IFRAME 安裝語法。本篇除了介紹安裝 FB 讚按鈕的語法，也一併說明...
View ArticleClik here to view.
網頁圖片該怎麼處理, 顯示效果會比較清楚？
最近有讀者遇到一個狀況，網站使用的圖片都是 640px 寬，但在 Blogger 的文章區塊扣掉 padding 等等的數值後，可顯示寬度為 590px 左右。當圖片從 640px 縮小到 590px 的情況下，圖中某些文字因為變小而顯得比較不清楚(或是說效果比較差)。因此，希望我幫他調整文章區塊的版面寬度，讓圖片可以顯示 640px...
View ArticleClik here to view.
Clik here to view.
發現錯誤訊息不用擔心, Blogger 開始支援分享到 FB 顯示縮圖
最近處理一個 case 需要幫忙設定 Facebook 的 Meta 標籤，也就是讓 Blogger 文章分享到 FB 時，可以正常出現縮圖、摘要...等等資訊，結果很意外的，使用「官方 Debug 工具」時，頻頻出現以下錯誤訊息："Errors That Must Be Fixed More Than One OG URL Specified: Object at URL...
View ArticleClik here to view.
Blogger 讓讀者以 Email 訂閱最新文章﹍任何位置都能擺放, 免註冊 FeedBurner
用「RSS」訂閱網站最新文章，是非常方便又強大的工具，可惜只有網路重度使用者比較知道 RSS 是什麼，一般的讀者並不熟悉 RSS、且不一定想要瞭解。為了讓各種層次的讀者都能收到網站最新文章的通知，提供 Email 訂閱會是最簡單的方式，且操作方便、不需另外研究相關工具。Blogger...
View ArticleClik here to view.
Google Drive 檔案外連功能將於 2016 年 8 月關閉, 站長須即早準備
如果你的網站使用了任何放在 Google Drive 的外連檔案，例如 JS / CSS / 圖片 / 影音 / PDF...等，很不幸的，再過幾個月後，於 2016/8/31 開始，這些外連檔案就要永久失連，相關報導可參考這篇「這次是Google Drive的網絡託管服務即將關閉」。這樣的消息很無奈，不過依照部分族群對免費空間的使用模式，這一天的到來可能只是或早或晚而已。無論如何這件事對部落格或...
View ArticleClik here to view.
WFU BLOG 外連 JS 變更及操作說明
這是一篇公告文章，本站提供的各種 Blogger Hack 及 工具，若包含了 JS 檔外連，原本存放在 Google Drive，但為了因應「Google Drive 檔案外連功能將於 2016 年 8 月關閉」，必須提前變更 JS 外連。曾安裝本站工具的讀者，若發現 Google Drive 外連失效、小工具無法運作時，請到相關文章重新安裝程式碼，並參考本篇的說明。(圖片出處:...
View Article