申請 Facebook 應用程式 APP ID 流程
FB 有些網頁 (部落格) 小工具在安裝或使用時，需要申請 APP ID 才能生效，這個流程不但有些麻煩，而且 FB 的網頁介面常常更改，不熟悉電腦操作的使用者可能會感到很頭痛。 有時我需要協助處理 FB 應用程式的相關事務，但會卡在 APP ID 的申請，因為這部分需要使用...
繼續閱讀全文部落格如何處理「結構化資料」標記 + 修復錯誤訊息
2018.3.15 補充： 「結構化資料」標記 現在已經有更好的作法，請參考這篇「 部落格使用結構化資料的最佳作法 JSON-LD﹍提供文章型態的範例程式碼 」。 關心 SEO 的站長，可能會研究「結構化資料標記」這個主題，而且使用「 結構化資料測試工具 」時，會發現不少錯誤...
繼續閱讀全文Blogger 自製真正的站內搜尋小工具﹍以日期排列
前陣子接到一個需求，希望 Blogger 搜尋結果能以日期排列。這個要求乍聽之下不太瞭解用意，一般來說，搜尋結果會依照 "關聯性" 來排列，對訪客而言，應該會希望越相關的文章，排越前面才對啊？ 不過由於案主是人氣很高的美食旅遊部落格，文章數量很多，她表示希...
繼續閱讀全文Blogger 相關文章 V4﹍行動版專用
不少讀者都詢問過「 相關文章 V2 (含縮圖功能) 」能否裝在手機版，實際上如果真的這麼做的話，一定馬上就破版，因為行動裝置有著各種不一樣的螢幕寬度，加上直立、橫躺的操作，各種專為行動版而設計的工具一定要符合 RWD 才行。 除此之外，V2 的版面也不適合做成 RWD，如果要...
繼續閱讀全文讓標題過長的多行文字自動省略﹍跨瀏覽器 CSS 技巧
之前寫過「 讓標題過長的文字自動省略﹍單行 CSS 技巧 」，用來處理單行標題過長的問題。不過最近處理多個網站時，剛好都是旅遊美食類型，文章標題比起一般部落格會長上許多。 在特殊版型下(例如區塊寬度不夠)，文章標題使用單行省略文字的方式，不容易辨識主題意涵，會導致點擊率下降。...
繼續閱讀全文Chrome 更新後, 無法正常開啟網頁的有效治本方法
似乎近年來 Chrome 更新版本後，出包的機率還滿大的。過去曾發生更新後，造成中文輸入法有問題；今年初的更新則是造成「 Chrome 會自動重新讀取分頁內容 」。 最近更新到 v54 版後，除了網頁、書籤列整個變大外，主要問題是三不五時就無法正常打開網頁，需要連續開第二次才...
繼續閱讀全文Google AMP 技術，號稱讓行動版網頁秒開，不過我的觀察心得有不同看法
前陣子讀者詢問如何在 Blogger 網站使用「 Google AMP 」技術，剛好免費資源網路社群發佈了這篇「 在 WordPress 網站使用 Google AMP 技術，提升頁面開啟速度教學 」，因此對這項技術也滿好奇的，便來瞭解一下詳情。 在手機測試使用 Google...
繼續閱讀全文專業又有質感的網頁文章註解外掛 BigFoot﹍CDN 安裝懶人包
前陣子有案主需要將文章中的註腳功能，結合資料庫進行管理，也就是讓多處重複的註解，可以直接從試算表讀取，而不必一筆筆註釋。 因為這個案子而接觸到這個文章註腳外掛「 BigFoot 」，測試之後覺得效果跟質感都很好，比之前在「 jQuery 展開收合效果安裝懶人包 」介紹的另一個...
繼續閱讀全文對抗 Blogger 垃圾留言全紀錄
雖然本站沒有限制 Blogger 帳號才能留言、沒使用字詞驗證，不過也不太擔心垃圾留言，因為我會 "手動標示" 垃圾留言，讓 Blogger 過濾系統好好學習判斷模式。因此現在若遇到一般的色情廣告留言，基本上都會被系統直接判定為垃圾留言，不太需要操心。 但...
繼續閱讀全文痞客邦搬家到 Blogger 後，SEO 問題要如何解決？
前陣子有位從痞客邦搬到 Blogger 的讀者，尋求 SEO 方面的協助。她表示「我計畫將主站從痞客邦搬到 Blogger，但遇到一個難解的問題，在 Blogger 發表的文章經常無法搜尋到，即使該文瀏覽數達數萬，可否提供專業協助？」 其實剛搬家的站長都可能遇到這個現象，在短...
繼續閱讀全文是否痞客邦、WordPress 的 SEO 比 Blogger 好，有這樣的事嗎？
許多站長在架站、或搬家前，很關心的一件事就是 SEO，想瞭解這個部落格平台的文章容不容易被搜尋到。四處打聽的結果，可能會接收到「痞客邦的 SEO 比較好」、或「WordPress 的文章比較容易搜尋到」這樣的訊息。那麼，由於 Blogger 在台灣的使用者本來就少，原本屬意在 B...
繼續閱讀全文本站 Blogger 即日起關閉訪客自刪留言功能
這是一篇公告文章，有可能在本站留言的讀者，請注意本篇內容，即日起在本站的任何留言，都將無法刪除。 (圖片出處: pixabay.com )
繼續閱讀全文過場效果華麗的 jQuery 圖片輪播外掛 Camera﹍CDN 安裝懶人包
之前曾介紹「 Camera 圖片輪播外掛安裝及使用詳解 」，他值得推薦的特色不少，除了多樣的炫麗過場特效，幾乎各種想得到的效果都能自訂，更重要的是支援 "自適應" 寬度，這在行動裝置是非常重要的。 可惜的是這個外掛不容易安裝， 需要支援目錄式的網路空間 (...
繼續閱讀全文解決 Blogger 行動版導覽列選單上「首頁」的異常現象
前陣子接到一個委託，表示 Blogger 行動版的導覽列選單，「首頁」這個項目沒有反應。 其實這個問題很久以前就有發現，只是自己的行動版沒有使用官方的「網頁」小工具，所以沒有深究這個問題。 這次有這個機會來審視一下這個異常現象，才發現要解決的話，還真是出乎意料的棘手，因此...
繼續閱讀全文電子書閱讀器 Kindle 8 購買及使用心得
使用多年的「 Kindle DX 」終於到了壽終正寢的時刻，為了眼睛著想，生活不能沒有 E-Ink 的電子書閱讀器。可惜 Amazon 已經不出 9.7" 的大尺寸，現在一律只有 6"，但規格版本之多，令人目不暇給，要如何選擇還真有點頭疼。 那麼本篇就紀錄...
繼續閱讀全文稍後閱讀，各種推送到 Kindle 的技巧整理﹍Chrome 網頁圖文 + Evernote 記事 + RSS 閱讀器
最近使用多年的 Kindle DX 9.7" 功成身退，買了兩個月前剛出的 Kindle 8，雖然螢幕小很多(只有 6")，不過最重要的是有了 Wifi 功能，不必再依靠會降低使用意願的 USB 傳輸線。 為了保護眼睛、減少看背光螢幕(包含行動裝置)的時間...
繼續閱讀全文為 UL LI 項目清單輕鬆加入圖示的各種 CSS 技巧﹍使用 Unicode + Font Awesome 字型
前陣子接到一個需求，希望在所有 UL LI 項目(列表)清單之前，插入一個小圖示。而且這個圖示，需要將來可以很方便地自行替換。 假如網頁的 UL LI 項目早已做好，那麼一個個手動加入 IMG 標籤的圖片，不但很麻煩，日後也不方便維護(更換圖示)。 其實這件事使用 CSS...
繼續閱讀全文接案經驗談：不斷要你報價，以及提出極低預算的業主
前陣子有個案主想製作 Blogger 網站，討論了滿長的時間，但最終提出來的預算十足讓我錯愕。 其實預算不足的案主所在多有，拋一兩句來詢價的也不少，但這次的案例，特殊在一開始規格拉得很高，但一直提不出預算、沒有明確需求、不斷要求報價，導致花了不少溝通時間，結果最後拋出的是 2...
繼續閱讀全文讓 Facebook 首頁動態只出現「搶先看」貼文
這個工具是依據我個人使用 FB 習慣所製作的，不一定適合每個人，如果剛好你的使用模式跟 WFU 類似的話，那麼可以嘗試看看。 FB 目前首頁動態的貼文內容，如果花點時間與耐心來設定的話，是完全可以只出現指定追蹤對象的動態。 不過有的時候，或許你會希望有更多的彈性，例如時間...
繼續閱讀全文免安裝外掛, 直接破解網頁「鎖右鍵+防複製」的方法 (使用書籤)
之前介紹的「 破解 "鎖右鍵+防複製" 的 Chrome 外掛 」， +Pulipuli Chen 布丁大留言表示，Quick Javascript Switcher 無法破解 CSS 的 "防複製" 語法。 雖然 CSS 這件事不難...
繼續閱讀全文
