緊貼螢幕邊緣的浮動 FB 粉絲團外掛
這個不會隨著螢幕捲動而變換位置的 Facebook 粉絲團外掛，會黏貼在螢幕邊緣、只顯示垂直的 "Facbook" 字樣，當滑鼠經過時才將 FB 粉絲團滑動顯示出來，而滑鼠離開後則立即收合。這樣的外掛效果並不算少見，許多知名部落格都有設置。 最近處理一個案...
繼續閱讀全文Blogger 延伸閱讀 [小工具][文字版]
![Blogger 延伸閱讀 [小工具][文字版]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieEme0aVa0F1UJh1LAo9ecr57flsrggvxDxfnQlWdeC8dMQSAuknHLREqwOZO0O_WfGRVsVKb_gL8ja6hrkWqe1zfxbOv6vy997QsuPMPH7ZtZdBVGkor1g-BAB-4ajXh0soH_vc21WNQl/s1600/blogger-related-post-in-text.jpg)
為了讓訪客看完文章不馬上離開，我們通常會在文末設計一個區塊，稱為 "延伸閱讀" 或 "您可能對這些文章有興趣" 等等，接著手動挑選、安插一些相關文章的連結。 手動複製這些連結自然是很麻煩，也是可安裝一些小工具來替我們做這件事。其實 WF...
繼續閱讀全文部落格網站是否加強 SEO 就能帶來流量？
這是一個詢問度很高的主題，不少讀者請 WFU 檢視網站時會詢問 " SEO 有哪裡要加強 "、或是 " SEO 要如何改善才能帶來流量 "？ 我想 "SEO" 對很多部落格站長而言，也許存在一些迷思，有些是把 SEO...
繼續閱讀全文讓 WIN8 / WIN10 平板關閉螢幕後能繼續播放(Youtube)音樂, 不會進入睡眠
在運用零碎時間、或做些不必使用眼力的活動時，我會同時聆聽一些 Youtube 演講、或不錯的節目片段，使用的工具是把富有行動力的 Asus T100 平板，當成音樂、影音播放器，因為電池續行力比手機強。 沒想到測試之後，Windows 8 / 10 系統也碰到跟 Androi...
繼續閱讀全文Blogger 使用文章編輯器的技巧, 及各種疑難雜症整理
前陣子幫讀者調整部落格版面及字體 CSS 時，被詢問到「我已經按照 " 網頁中英文字型跨平台設定最佳化 " 的教學來設定，為什麼文章的字型還是顯示 "新細明體"？」。其實這樣的案例 WFU 遇到不少，問題出在 Blogger 文章編輯器的使...
繼續閱讀全文檢查你的 Google Analytics 是否安裝了兩次, 那麼數據也會乘以二喔！
最近幫讀者檢視及優化 Blogger 範本內容時，發現 Google Analytics (以下簡稱 GA) 安裝碼出現了兩次，根據「 優化網站效能該注意哪些事? (1)最關鍵的考量因素 」，範本中的 JS 執行應該盡量減少，因此順手移除了其中一個。 原本認為這不是什麼大不了...
繼續閱讀全文Blogger 行動版改用自適應(RWD) Adsense 廣告, 讓版面更美觀
最近幫讀者處理行動版時，發現 Adsense 若改用「 自適應(RWD)廣告單元 」，效果會比想像中來得好。 使用原始固定尺寸的廣告時，在不同行動裝置的效果都不一樣， 小尺寸手機有可能超出頁面，而在大尺寸裝置或平板，則可能版面顯得空曠 。總之，有一好就沒兩好。 那麼本篇就...
繼續閱讀全文運用 PTT 蒐集各種(旅遊)資訊﹍不可不知的操作及搜尋技巧
「BBS」看似是一個古老、過時的平台，但是在搜尋特定資訊時，跟 Google 相較之下，有時它會是我心目中的第一把交椅。 在多數情況，Google 能幫我們找到問題的正確解答。但是當搜尋的資訊牽涉到商業行為時，那麼 Google 到的資料就很容易包含大量雜訊，我們需要分辨哪些...
繼續閱讀全文瞭解 Blogger 動態檢視範本 + 行動版範本的特質
這個 Blogger 中文論壇貼文詢問「 動態檢視範本如何修改 」，其實本站寫的許多小工具，不時也有讀者詢問怎麼安裝到動態檢視範本(Dynamic Views)、或官方行動版範本，因為顯示不出來。 雖然 Blogger 是個自由度很高的平台，什麼都能改、什麼都不奇怪，不過 &...
繼續閱讀全文部落格行動版的首頁設計﹍欣賞這 9 個網站的版面效果
雖然 WFU 已經幫不少 Blogger 平台的站長做過行動版，不過自己的行動版網頁卻是一直沒有好好進行規劃，原因跟網站性質有關，讀者多半會在網頁版閱讀程式碼及操作，且 WFU BLOG 的行動裝置訪客大約只有 10% 左右，所以改造行動版這件事遲遲沒有排進待辦事項。 不過像...
繼續閱讀全文WFU BLOG 外連 JS 變更及操作說明
這是一篇公告文章，本站提供的各種 Blogger Hack 及 工具，若包含了 JS 檔外連，原本存放在 Google Drive，但為了因應「 Google Drive 檔案外連功能將於 2016 年 8 月關閉 」，必須提前變更 JS 外連。 曾安裝本站工具的讀者，若發現...
繼續閱讀全文Blogger 何時該發佈「文章」, 何時該發佈「網頁」?
這個 Blogger 中文論壇貼文詢問「 "文章" 與 "網頁" 的差別 」，對於剛接觸 Blogger 的使用者，的確很難區分這兩者的差異、以及使用的時機。 Blogger 的官網「 建立及編輯文章 」、「 在網誌中新增網頁 」這兩個...
繼續閱讀全文部落格寫作軟體的選擇, 以及確保文章寫作安全的技巧﹍如何進行版本控制, 當內容被覆蓋或誤刪時可以救回
有讀者在「 Blogger 文章不小心誤刪了怎麼辦？ 」留言表示，在 Blogger 後台編輯時出了意外，文章發佈前就不小心把內容覆蓋，詢問是否有機會救回？ 答案很簡單：沒辦法。然而這案例發生的機率很低，所以本篇不會針對極端的狀況進行分析，主題著重在事前要如何預防意外。 ...
繼續閱讀全文使用 Font Awesome 圖示速查表(cheat sheet), 安裝快速不麻煩
最近使用「 Font Awesome 」替換了網站各處所有的小圖示，包含「 社群分享按鈕 」、各式側邊欄及網頁底部圖示。由於官網並未提供方便的安裝語法查詢管道，導致必須一一點開個別圖示的頁面來複製語法，因而浪費不少時間。 於是整理了本篇的 Font Awesome 圖示一覽表...
繼續閱讀全文Google 搜尋不到自己的文章嗎？各種搜尋結果不如預期的疑難雜症整理
這個 Blogger 中文論壇貼文詢問為何「 Google搜尋結果找不到文章 」？相信站長們都很關心自己網站的文章，在搜尋引擎的能見度，畢竟搜尋結果會直接影響網站流量。如果能弄清楚 Google 的一些運作原理，就能知道哪些事是我們的基本動作。 類似的提問並不算少見，然而細節...
繼續閱讀全文在 FB 社團與其他 Blogger 愛好者交流﹍各種中文討論區整理
雖然已經有一些討論 Blogger 的管道，不過偶爾 WFU 也是會收到讀者從 Facebook 傳來的訊息，詢問「Blogger/部落格/網路」的相關問題。這讓我瞭解到，在 "G+/Blogger網站" 以外的生態圈，對於 FB 這個平台的使用者，還是需要一...
繼續閱讀全文讓 FB 粉絲團專頁在側邊欄浮動顯示﹍快速累積按讚數
過去在製作「 浮動側邊欄 」時，雖然知道這樣的工具可以得到大量曝光機會，不過對於要讓什麼主題在側邊欄浮動，一直沒有強烈的想法。 前陣子幫讀者提出「 FB 粉絲團專頁外掛(Page Plugin) 」的簡易安裝法後，產生了一個想法，以目前的網路行銷生態來看，讓「Facebook...
繼續閱讀全文安裝常用社群分享按鈕 (圓形)﹍圖示字型 Font Awesome 應用
上一篇「 圖示字型 Font Awesome 進階使用方式整理 」，說明了如何利用重疊圖示，來組合出一個 FB 分享按鈕。 只做出一個不過癮，本篇要示範如何利用 Font Awesome 圖示字型，繼續做出所有常見的社群分享按鈕，例如 G+、Line、微博、噗浪、推特、郵件等...
繼續閱讀全文Fancybox, 優雅又八面玲瓏的 jQuery 燈箱外掛 (3) CDN 安裝懶人包
最近在進行整理網站外部連結的 "年終大掃除" 行動，目前已經清除所有的 "網站小圖示" (改用「 Font Awesome 圖示字型 」)，以及刪除 "Google 自訂搜尋" (改用「 Ajax 搜尋框 」)。接下來成...
繼續閱讀全文Blogger 最強搜尋框工具﹍(2) 安裝 Ajax 動態載入
要安裝這個「Ajax 搜尋框」工具，請務必先完成上一篇「 自製搜尋頁面 」的流程，這樣搜尋結果的版面才會美觀。 第一階段完成後，本篇要把「官方導覽列搜尋框」搬到側邊欄，並加上 "Ajax 動態載入" 的搜尋結果畫面。 點此看範例網頁 (圖片出處: p...
繼續閱讀全文Blogger 最強搜尋框工具﹍(1) 自製搜尋頁面
過去曾介紹讀者使用「 Google 自訂搜尋 」來當作站內搜尋的工具，其原因在「 取代 Blogger 搜尋小工具﹍Google 自訂搜尋 」說明得很詳細，主要是「Google 自訂搜尋(以下簡稱 CSE : Custom Search Engine)」可動態載入搜尋結果、執行速...
繼續閱讀全文圖示字型 Font Awesome 進階使用方式教學﹍製作社群分享按鈕
「 Font Awesome 」是一套把 "向量圖示" 做成字型的套件。過去為了減少網站小圖示的使用(加快網頁讀取速度)，採用「 UNICODE 特殊符號 」這個方案。 而最近處理一些案子需要製作各式的 "社群分享按鈕"，發現 &quo...
繼續閱讀全文Blogger 自製社群分享按鈕(扁平化設計) + 動畫效果
之前曾介紹過如何「 改造 Blogger 官方分享按鈕 」，除了增加常用的熱門社群分享按鈕，也讓官方分享按鈕展現不同的風格。 在行動裝置普及之後，「 扁平化設計 」開始流行，網頁開始使用簡單的顏色、線條來設計，減少陰影、立體、複雜的圖案，最直接的好處就是「減少圖片的使用後，能...
繼續閱讀全文BLOGGER「架站／設計案／客製系統 / 維護網站」作品集
以下收錄 WFU BLOG 製作、維護的網站，點圖片可看大圖，下方有網站的連結，包含網頁版及行動版的效果。若需要架設網站可參考「 BLOGGER "網頁版 / 行動版" 客製化作業流程 」。
繼續閱讀全文BLOGGER 架設網站(含行動版) 客製化作業流程 SOP
Blogger 是 Google 旗下的產品，為成本最低、最安全的架站平台，不需要 "主機"、"流量"、"圖床" 等固定支出(一年好幾千元)，也不需要防駭客，有世界最頂尖的 Google 當後盾。同時自家產品為了方便 G...
繼續閱讀全文
