Adsense 回應式(RWD)廣告雖然版面美觀，可惜收益少很多
最近將網站改為 RWD 版型後，因為文章區塊在不同裝置的寬度都不一樣，無法再使用以前的廣告尺寸，因此藉機會把部分廣告單元改成自適應廣告。 使用回應式的廣告，並搭配 CSS 設定後，可以讓廣告完全跟區塊寬度吻合，版面看起來美觀多了。 而用了幾天後，查看 Adsense 報表...
繼續閱讀全文加快你的網頁載入速度實作﹍善用 Google Analytics 報表
之前寫過一篇「 PageSpeed 網站速度檢測心得 」，請讀者別太在意 PageSpeed 的分數，因為先天的限制，Blogger 有些項目是無法處理的。 不過那篇文章大概是說服力不佳，有不少讀者看完後，依然向 WFU 表達對於分數過低的憂慮，也許是我沒有提供 Step b...
繼續閱讀全文讓 RWD 網頁的文字(font-size)能自適應調整大小﹍極佳解決方案 vmin
最近需要架設 RWD 一頁式網站，結果在「自適應文字大小」這件事卡關，為何會如此呢？ 處理部落格型態的網站時，大部分直接套用現成的 RWD「 付費範本 」版型再來調整、修改。由於文字都是位於固定、切割好的板塊之內，調整字體大小的問題不大。 而一頁式網站，可以算是開放式空間...
繼續閱讀全文使用 CSS 語法就能讓 Blogger 自動產生留言編號
趁著網站改版，決定好好檢視所有程式碼，能優化的地方就處理，例如去除不必要的 javascript、或找替代方案，因為「 優化網站效能該注意哪些事? 」有提過，影響網頁載入速度最重要的第二大因素，就是 JS。 之前曾寫過「 Blogger 串聯式留言__留言編號 」，是利用 J...
繼續閱讀全文本站可以發通知訊息給讀者了！歡迎訂閱推播服務，比 RSS、Email 方便
這是一篇公告文章，原本使用 RSS 或 Email 訂閱本站的讀者，現在有更快的方式接收本站訊息。 沒訂閱本站、或習慣用 FB 追蹤本站的朋友，也不妨嘗試一下這個新的網頁技術，以下會簡單介紹這個推播服務、及訂閱流程。 (圖片出處: onesignal.com )
繼續閱讀全文用電子書閱讀器 Onyx (Kepler pro) 看 PTT + RSS 使用心得
為了減少眼睛看背光螢幕的時間，曾買了 Kindle DX 及「 Kindle 8 E-ink 電子書閱讀器 」。但用久了之後覺得還是沒有平板來的方便，因為 Kindle 是封閉系統，網路資訊要同步到 Kindle 來閱讀很麻煩，只能遷就 Kindle 提供的 App 或想辦法變通...
繼續閱讀全文讓 Blogger 首頁每篇文章都能顯示日期
2024.2.1 公告: 現在已經有更方便的作法，請參考「 Blogger 日期格式化詳解 」→「二、首頁每篇文章都顯示日期(新版)」 最近接到一個需求，希望Blogger 首頁每篇文章都能顯示日期，因為同一天發佈的文章只會顯示第一篇的日期。 官方會這麼設計也不能說不合...
繼續閱讀全文國外網站用外幣刷卡購物，要哪種信用卡、如何處理，匯率+手續費才能最划算？
因為常常需要幫忙購買國外的「 Blogger 付費範本 」，以及上淘寶購買各種產品，付費的主要管道就是刷信用卡了。 刷卡雖然很方便，但其實 隱含的費用我們往往不了解，從信用卡帳單明細也無法看出所以然，就算被坑了可能也感覺不到痛 ，這正是國外網站刷卡購物的可怕之處！ 最近決...
繼續閱讀全文Blogger 版面配置切割任意欄位的技巧﹍方便安裝小工具
最近進行 WFU BLOG 改版，需要在新版型上切出一些欄位，來安裝小工具。如果使用官方範本，那麼這是很簡單的事，後台就有各種的欄位樣式可以選擇，看要將區塊切成 2 等分或 3 等分都行。 如果熟悉 CSS 的話，自己切版也很容易，而缺點就是切出來的區塊無法安裝小工具，只能將...
繼續閱讀全文WordPress 防駭 + 建立安全防護心得紀錄
上一篇處理完「 WP 被駭後, 移除各種被植入的外掛及惡意程式 」，並且備份完乾淨的檔案之後，接下來本篇要建立安全的防駭機制及環境。 (圖片出處: pixabay.com )
繼續閱讀全文WordPress 被駭之後，收拾殘局全紀錄
之前朋友的 WP 網站被駭客入侵，雖然主機商有回溯到當日清晨的服務，但只要太晚發現異狀，例如隔天才發現，那麼回溯功能依然只能還原為異常的狀態，意思就是有問題要當天發現才有用。 由於朋友的網站一開始沒什麼安全防護的概念(而且前任工程師跑了)，也沒什麼乾淨的備份檔案可以還原，要收...
繼續閱讀全文讓 Android 裝置快速切換飛航模式，可省電及維護身體健康
幾個月前買了 CP 值很高的 Zenfone 後，速度很流暢，操作上一些內建的 ASUS APP 也很方便，使用者體驗還滿不錯的。由於 CPU 規格不錯，電力也掉得很快，明明半夜什麼事都沒做，但一覺醒來電池用量卻令人咋舌。 於是開始研究如何半夜讓手機自動進入飛航模式，結果一查...
繼續閱讀全文我如何寫一篇 Blogger 文章的流程﹍易於調整版面 CSS + 不會遺失內容
這篇文章並不是教讀者寫作的技巧，例如用什麼工具收集點子、如何用心智圖建立文章架構、怎麼快速完成一篇文章的秘訣等等。由於以上技巧並不算專家，還是避免獻醜比較好。 這篇主要是著重在軟體操作的層面，因為幾乎每個月都需要回覆跟文章版面、CSS 修改的相關問題，例如文章字太小、顏色想改...
繼續閱讀全文Emoji 表情符號輸入小幫手 (書籤工具)
前陣子有讀者留言時使用 Unicode 表情符號，覺得效果還不錯，語意看起來活潑許多，因此決定動手做個表情符號的輸入工具。 其實這類的留言輔助工具，在網路上已經可以找到一些，而寫部落格的初期，也曾思考過是否安裝這類的外掛。但這畢竟算是使用率較低的工具，如果為了花俏的功能而拖慢...
繼續閱讀全文CC0 免費圖庫搜尋引擎﹍2017 版
「 CC0 免費圖庫搜尋引擎 」今年 2017 改版，可說是吸收過去使用經驗後，建構了一個完整的搜索圖片流程。依照不同需求、藉著這個網頁，就能利用各大 CC0 圖庫，找出需要的高畫質圖片。 同時 這次也改善了，以往搜尋結果會參雜廣告圖片(shutterstock)的狀況 。而...
繼續閱讀全文Emoji 表情符號輸入小幫手 (網頁版)
這個「表情符號輸入工具」可以快速找到各種需要的 Unicode 表情圖案，方便留言、寫文章或是即時通使用。 所有圖案都是特別篩選過，可以在各種平台正常顯示。同時操作很簡單，後面會有詳細介紹。
繼續閱讀全文讓 Blogger 只顯示特定數量的標籤
協助架站時遇過幾個案例，為了版面美觀的緣故，案主不希望顯示所有的標籤。 仔細想想也是滿合理的，在首頁或標籤頁面，若某些文章設定了十多個標籤，全部顯示出來的確太過雜亂。那麼可以考慮只顯示 1 個或 2 個標籤就好，進入文章頁面時，再顯示全部的標籤。 不過這件事並沒有想像中簡...
繼續閱讀全文FB 粉絲團快速互助增加按讚數攻略﹍避免經營初期的尷尬
其實本站不太在意各種數據的累積，因為主要流量由搜尋引擎而來，代表有問題、有需求的訪客才會找上本站。而且這裡是我的筆記資料庫，主要是分享給有相同需求的人參考。 只不過最近製作分站「 CC0 免費圖庫搜尋引擎 」的 Facebook 粉絲團，發現一件事滿尷尬的，因為 WFU BL...
繼續閱讀全文網站首頁如果被分享到 FB，看到縮圖效果不佳要如何設計版面？
前幾天意外收到 FB 通知，得知本站首頁被分享到 Facebook，原來是之前協助痞客邦搬家及架站的案主，在她的粉絲團推薦我的網站及服務。 網站被分享到 FB 自然是很高興，但連過去畫面一打開，我的心瞬間涼了一半──首頁縮圖的效果實在有夠掉漆！ 為了顧及分享到 FB 的效...
繼續閱讀全文Blogger 使用 Flickr 當圖床，可能違規被停權 + 圖片消失的所有案例整理
最近看到這篇「 Flickr容易被忽略的使用規則，小心你的帳號違規被停權 」，想到前陣子有些從痞客邦搬到 Blogger 的站長，尋求本站協助搬家事宜時，發現有不少都是使用 Flickr 當圖床，而不是原有的痞客邦相簿。 其實不只搬家過來的新朋友，我知道很多 Blogger ...
繼續閱讀全文為何需要關閉 Chrome 自動更新功能？各種擾民狀況一次整理
最近打開 Chrome 後，發現奇怪，怎麼變成英文版了！不但書籤都消失了，而且進入設定畫面後，直接顯示英文介面~~當下第一個念頭是，該不會被入侵了吧？ 想想最近沒逛奇怪的網站，最有可能的原因八成是 Chrome 又改版了吧？檢查了一下版本，果然變成了 V.57。 因為過去...
繼續閱讀全文Blogger 新版 RWD 範本，對 SEO 有哪些加分之處？
前陣子介紹了「 Blogger 推出的全新自適應 RWD 官方範本 」，有讀者提問新版型 SEO 的相關問題，這表示 Blogger 對 SEO 做了哪些加強，也是大家關注的事情。 那麼本篇就來整理一下，這個 RWD 範本對 SEO 下了什麼功夫、有什麼特別之處。 (圖片...
繼續閱讀全文部落格網站在那個階段，需要開始加強 SEO？
常有讀者詢問 SEO 的問題，或是討論比較舊的 SEO 觀念，不過我寫的近 20 篇 SEO 相關文章，卻有半數以上在宣導「不要在意 SEO」這件事，為什麼呢？ 雖然 WFU 不是 SEO 專家，不過我知道的概念是： 不用錢能得到的 SEO 知識，多半不會是關鍵性的要素 ...
繼續閱讀全文用 Google 文件與客戶協作，處理待辦事項流程心得
以往一向用 Line 與客戶溝通，及處理各種架站或網頁相關需求的待辦事項，主要的好處是： 這是最多人使用的即時通 截圖方便，對溝通很重要(一圖勝過千言萬語) 不過每個階段要面對的瓶頸不太一樣，現在開始覺得 Line 不敷使用，當同時進行的案件量一多，查詢分散各處的對話資...
繼續閱讀全文Blogger 推出全新自適應 RWD 官方範本及佈景主題，並支援行動裝置
前幾天 Blogger 官方發佈了公告「 Share your unique style with new Blogger themes 」，從現在起後台可以套用的佈景主題，多了 4 個大分類，共 20 款新版型可選擇。 雖然款式很多，不過版面設計的邏輯都差不多，也可看成官方...
繼續閱讀全文Blogger 自訂網址使用 HTTPS 是一條不歸路，請考慮周全
2018.2.21 公告： 日前 Blogger 官方已經支援自訂網址升級 HTTPS，請參考「 Blogger 官方免費幫自訂網址升級 HTTPS！ 設定處理流程注意事項整理 」。 在本站這個工具「 Blogger 樹狀標籤 V2 」有讀者於留言 #18 表示，點擊版權連結...
繼續閱讀全文會員系統公告：加值會員及本站客戶的專屬好康
這是一篇公告，本站會員系統新增一項功能，只優惠 VIP 級別的會員。 如果等級是「加值會員」，不必任何點數即可看到某些隱藏的「加值文章」內容。 (圖片出處: pixabay.com )
繼續閱讀全文免費空間最後一塊淨土﹍用 Github 存取網頁 JS/CSS 外連檔案 + 使用技巧
最近需要幫客戶裝某個特殊的輪播外掛，由於是付費程式，不會有 CDN 外連，那麼必須自己有網路空間才能安裝。而且最重要的是，這個 空間必須能支援資料夾(目錄)路徑 ，然而 現在已經沒什麼免空可做到這件事了 ！ 由於網站流量不大，不太可能要求客人每年為了幾個 JS/CSS 檔，花...
繼續閱讀全文快速學會部落格文章下標題的技巧﹍找回右腦自然學習能力
對於部落格類型的網站，如果是為了提升搜尋排名，我認為把時間或資源投注在各種 SEO 技巧，或是研究 SEO 新技術，這樣的投資報酬率，可能遠遠不及 專注於文章內容的提升，以及加強文章下標的能力 。 「內容為王」這是大家都知道的，但持續產出優質內容並不容易，也需要長時間不斷吸收...
繼續閱讀全文覺得蓋版廣告很討厭嗎？教你從搜尋結果排除干擾閱讀的網站(各種平台的技巧)
過去一年以來，搜尋時如果出現的是痞客邦網站，開始成為一種不舒服的瀏覽體驗，因為一段時間後，所有痞客邦網頁都會自動彈出蓋版廣告。 其實我不反對廣告，我也認為網路運行的機制需要有廣告，才足以支撐這個能夠免費運作的架構，否則查資料、使用圖片等等，都只能上付費網站了。 但比較不能...
繼續閱讀全文如何從 Blogger 範本網站挑到理想的版型，且不會出錯
把 Blogger 基本功能都摸熟之後，許多站長可能會將注意力轉向模版的改造，把自己的家裝潢地跟別人不一樣，甚至有的站長會固定每 1~2 年就換一次版型。 不過挑選範本的確是一件很吃力又傷神的工作，要從那麼多個範本網站、數以百計的模版中，挑出完全符合需求、而且要看得順眼的標的...
繼續閱讀全文用 Google Apps Script 操作試算表 (3)延遲寫入資料庫 + 使用族群
過去在相關的系列文曾多次說明，Google 試算表適合當成小型資料庫來使用，不建議當成真正的資料庫來運作，也就是不能拿來作為規模比較大的商業使用，為什麼呢？ 試算表是免費的服務，在運作上、效能上自然比不上獨立運行的主機。而且 Google 提供的某些 API 也有每日配額的限...
繼續閱讀全文Blogger 付費範本網站整理 + 建議事項
之前曾寫了一篇「 使用 Blogger 免費範本，可能需要面對的問題有哪些？ 」，提醒有意找 WFU 架站的讀者，避免套用免費版型後再來發案，因為對雙方而言，等於都抱著不定時炸彈。 所以近期有些案主，會向我詢問哪裡可以買 Blogger 付費範本。為了節省尋找版型的時間，本篇...
繼續閱讀全文護眼神器富士通反射屏﹍讓 Windows 作業環境最佳化
上一篇「 富士通反射屏購買及安裝心得 」雖然已經可以讓螢幕開始使用，不過後續需要調校的事項還很多，想要讓眼睛看得舒服的話，無論是作業系統、使用的各種軟體，都需要進行微調。 需要微調的主要原因為，這是一款黑白螢幕，文字看起來最舒服的情境，是採用 "白底黑字"...
繼續閱讀全文長時間看電腦螢幕，需要護眼族群的救星﹍富士通反射屏購買及安裝心得
對於電腦工程師、文字工作者等，這類需要長時間盯著螢幕上班的族群，幾年下來除了眼睛乾澀、不舒服，也代表肝臟受了很大的影響。基本上現在的螢幕背光，一代做的比一代更亮，就算有濾藍光這類的產品(或鏡片)，充其量都只是治標而已。 要真正治本、保護眼睛，就得摒棄螢幕強烈的背光，使用類似 ...
繼續閱讀全文讓搜尋結果排除你不想看到的網站﹍自製 Google 搜尋引擎教學
網站逛多了之後，相信我們會有自己的一份口袋名單，某些網站就是比較沒我們的緣，特別不想看哪些類型的網站。 有時我們就只是想好好的看個文章，但可能整個版面到處都是讓人分心的浮動區塊，或是不時彈跳出一個視窗來嚇人，這類網站就可能成為黑名單。 如果能在上網找資料時，讓搜尋引擎將這...
繼續閱讀全文讓每個網頁都能自動調整寬度，省下手動縮放的麻煩﹍Chrome 套件 Zoomy
使用 Full HD (1920x1080)的寬螢幕後，瀏覽網頁會有個小困擾，需要常常手動按 Ctrl + 放大網站的寬度，否則可視範圍及文字會過小。 如果是常逛的網站，其實調整過一次後，瀏覽器會記住設定，也就麻煩第一次而已。不過如果有這麼一個程式，可以 自動偵測網頁寬度，...
繼續閱讀全文Windows 筆電投影(追劇)心得﹍微軟無線顯示轉接器
現在網路有不少影音平台可以線上追電視劇、歐美影集，不必侷限於第四台的播出時刻，也不必浪費時間看廣告，還可以一次追完好幾季。比起過去為了等一集，常常得苦苦等上一個星期，真是太幸福了。 然而網路雖然方便，但 無論是盯著電腦螢幕、或是行動裝置，強烈的背光遲早會讓眼睛、健康受到嚴重傷...
繼續閱讀全文用 Google Apps Script 操作試算表 (2)搜尋、讀取資料庫
接續上一篇「 用 Google Apps Script 操作試算表 (1)製作資料庫 + 寫入資料 」的流程後，本篇來看如何用 Google Apps Script (GAS) 搜尋、讀取寫入試算表的資料。 (圖片出處: pixabay.com )
繼續閱讀全文PTT 停止 RSS 功能後，如何繼續訂閱個版文章﹍FEED43 自製 RSS 教學
除了使用「 RSS 閱讀器 」(例如 Feedly) 來訂閱各種網站的最新文章，PTT 個版也是非常重要的資訊來源。例如 WFU 會訂閱 Web_Design(網頁設計) 版，可以了解這個領域的同好最近有什麼新訊息、或討論哪些問題。 訂閱 PTT 個版已經好幾年了，但前陣子突...
繼續閱讀全文Facebook 留言框最簡單快速的安裝方式 + 常見問題整理
「 FB 留言外掛程式 」是協助架站時，安裝率滿高的一個工具。過去已經寫過「 Facebook 留言板安裝懶人包 」，由於 FB API 改版多次，加上現在的 API 版本已經支援 RWD，決定將安裝程式碼改得更為精簡，比舊版的 code 少了一半以上，本篇可以視為「FB 留言框...
繼續閱讀全文取得 Google 相簿圖片外連更好的方法﹍轉換為 Picasa 連結
在所有圖床之中，Google 相簿(Google Photo) 的圖片連結，可說是最詭異的一個，從網址字串你很難辨識出這是什麼，沒有路徑結構、沒有檔名，字元數多到相當於一篇小品文章。 這樣的連結型態，相當不適合用來當圖片網址，也不利於 SEO 。 在上一篇「 其實 Googl...
繼續閱讀全文其實 Google 相簿依然是 Picasa，你可能不太相信
自從「 Google 宣布關閉 Picasa 」之後，這段期間以來，每隔一陣子就需要跟案主、讀者安撫或解釋，是否該繼續使用 Picasa 圖床，要不要擔心 Google 把 Picasa 收起來。 說真的，比較需要擔心的反而是 Flickr 圖床的免費用戶，因為「 Yahoo...
繼續閱讀全文用 Google Apps Script 操作試算表 (1)製作資料庫 + 寫入資料
過去曾寫過「 利用 Google 試算表當小型資料庫﹍讀取+寫入+搜尋 」等 4 篇系列文，簡單列一下該系列使用方案的優缺點： 讀取、搜尋資料時， 需要發佈或分享試算表，因此適合安全性較低的資料 。 查詢資料很方便 ，Google 提供了各種 API，也可使用資料庫 SQL...
繼續閱讀全文自動備份 Blogger 文章的一些實驗，我找到了最佳方案
天有不測風雲，未雨綢繆會比出了意外再四處奔走來得從容。相信部落格站長都同意， "文章" 是最重要的資產，雖然發生意外的機率不高，但只要有一次，絕對會痛不欲生 ，就像「 Blogger 網站突然消失了怎麼辦？(網誌被刪除案例分析) 」，或是「 Blogger 文...
繼續閱讀全文協助痞客邦搬家到 Blogger 流程紀錄 + 常見問題解決
近期有一些痞客邦站長找本站協助，要搬家到 Blogger ，主要原因除了痞客邦為人詬病的廣告策略之外，也可參考「 Google搜尋結果將調降自動跳出蓋版或插頁廣告的網站網頁排名 」。另外則是有人說過 "痞客邦會大小眼，小咖的部落格比較容易不穩"，雖然我聽到的算...
繼續閱讀全文
