Clik here to view.
ICON 免費素材搜尋引擎﹍一次找齊各大素材圖庫
當初發佈「CC0 免費圖庫搜尋引擎」後，有讀者及朋友都建議加入素材圖庫。當時的想法是，這些素材網都不是 CC0 圖庫，因此不適合放在一起，否則授權規定一定十分混淆、容易引起爭端。不過既然需求還不少，那麼另外做一個專門找素材圖片的搜尋引擎，也是滿有必要的。這些年來「CC0...
View ArticleClik here to view.
讓相簿圖片在網頁上呈現各種拼貼效果﹍jQuery 畫廊外掛
這是「jQuery 相簿畫廊外掛 nanogallery2」系列文的第二篇，本篇將會介紹非常具有藝術感的「Mosaic 拼貼式」版型，如同觀賞美術館(gallery)畫作一般。一、官方說明書首先有必要瞭解一下「Mosaic 拼貼式」的版型製作原理，在「官方說明書」頁面，往下捲到「Mosaic...
View ArticleClik here to view.
讓 Google 試算表快速跳到指定行號
當 Google 試算表的資料沒那麼多時，滑鼠捲一下不用花太久時間，總可找到需要的儲存格位置。但是當累積到數百、數千筆資料時，如果不知道儲存格該搜尋什麼字串的話，那麼往下捲這個動作真的是要人命。而且 Google 試算表並非一次載入所有資料，為了節省網路傳輸量，Google 採取動態載入，大致上捲到 1000 行左右才會載入其餘儲存格。總之一邊捲一邊找很容易讓自己心累，而且目前 Google...
View ArticleClik here to view.
珍惜免費資源，才能長久使用﹍沒使用 Blogger 請避免拿來當圖床
前陣子在某個非 Blogger 社團被 cue 到有關 Blogger 的問題，原來是有 WordPress 站長可能接到詢問，要如何減輕 WP 圖片的流量使用。該站長找到的解決方案與 WP 無關，其分享文章介紹的免費圖床是 Blogger，建議其他 WP 使用者開個 Blogger 網站，上傳圖片後取得連結，再放到 WP 文章。如此可省下大量 WP 傳輸的流量，節省主機費用。被這樣的事 cue...
View ArticleClik here to view.
在網頁擺放 FB 即時通按鈕(免裝外掛)，讓訪客線上即時聯絡
前陣子在「CC0 免費圖庫搜尋引擎」右下角，放了一個「錯誤回報」的按鈕，讓放可以即時留言回報站方。這類的浮動按鈕很醒目，效果會比導覽列或頁尾的「聯絡站長」這類連結好一些。如果是熟悉網站動線的訪客，一般會知道去哪找留言板，但可惜很多使用者不一定熟悉網路或網站的通用設計。(圖片出處: pxhere.com)一、Facebook 即時通外掛所以 FB...
View ArticleClik here to view.
「線上看電視」網頁版﹍沒看第四台後的選擇，除了 Youtube 直播新聞還有「隨選隨看」完整節目頻道彙整
去年(2018)跟「第四台解約」後，為了方便能隨時看新聞，做了一個方便切換電視頻道的網頁小工具，能隨選隨看 Youtube 上所有直播新聞的頻道，可說是最方便的線上看新聞解決方案。一開始這只是個自己用的陽春新聞播放器，不過這段期間以來，各家電視台在 Youtube...
View ArticleClik here to view.
Google 搜尋結果顯示的文章標題、摘要、縮圖，跟你想的不一樣(各種案例整理)
Blogger 社團有幾個提問跟「搜尋結果顯示的文字、圖片」不如預期有關，例如：縮圖相關：「用手機google搜尋時發現到blog文章的縮圖並不是封面的照片，而且用不同手機搜尋出現的縮圖還會不一樣，想問是否有方法可以指定某張圖來當搜尋的縮圖圖片嗎？」標題相關：Kelsey 留言詢問「部分文章在Google...
View ArticleClik here to view.
Line 無法傳未讀訊息給自己後，待辦事項改用 FB Messenger 發給自己
去年寫過這篇「用 Line 傳未讀訊息給自己，成為待辦事項﹍不用擔心已讀訊息忘了處理」，利用在手機上安裝兩個 Line，可以用第二個 Line 帳號發未讀訊息給主帳號，成為待辦事項。這個方法非常方便，出門在外用手機發的待辦事項，回到 PC 上只要打開 Line，看到有未讀訊息就知道還有事要處理。同時也不需要急著點開，可留著等進入工作狀態時再點開批次處理。但是很可惜的是，最近 Line...
View ArticleClik here to view.
文章更新速度與 Google 索引頻率、及 SEO 的關係
幾個月前寫了這篇「網站管理員提交文章時，出現 "網址不在 Google 服務中" 訊息怎麼辦？」，說明為何 Google Search Console 檢索的速度比較慢，導致出現錯誤訊息。沒想到這件事還有後續，而且發展出乎意料。雖然已經寫了專文解釋，不過案主還是不斷詢問 Search Console 的相關問題。對話了許久才知道，原來她發現網站最新發佈的文章，Google...
View ArticleClik here to view.
讓相簿圖片在網頁上呈現「瀑布流」+「自適應」版型﹍jQuery 畫廊外掛
這篇是「jQuery 相簿畫廊外掛 nanogallery2」系列文的第三篇，前兩篇分別介紹了：Grid 網格式排版Mosaic 拼貼式排版接下來介紹剩餘的兩種版面效果，但是標題 "自適應版型" 中文的字面跟英文原用語 "justified" 比較難做連結，主要是網路上找不到相關的用詞，比較正確的描述是 "左右對齊" 版型。以文字來說 "左右對齊" 很好理解，但圖片 "左右對齊"...
View ArticleClik here to view.
Javascript 產生偽隨機數字的方法及應用
最近接到一個需求，想在網站顯示虛構的線上人數。一般來說，顯示線上訪客數有很多免費的第三方服務，不過案主會有這樣的需求，代表網頁顯示的數字想要膨風一點。用 JS 產生隨機數字其實很簡單，但如果隨機產生的線上人數太離譜，一眼就被看穿的話，對網站聲譽其實不太好，所以這功能也不是那麼簡單就做得出來。(圖片出處:...
View ArticleClik here to view.
讓 Blogger 文章標題及文末都出現編輯圖示，方便修改文章
為了方便站長們編修文章，Blogger 官方在後台提供了設定方法，可在文末指定位置顯示編輯文章的小工具圖示，點擊後可直接編輯文章，省下在後台搜尋指定文章再編輯的時間。這功能算是很貼心了，但對我來說還不夠，因為捲到文末仍需要花一些時間，如果要做到最方便的話，我想在文章標題附近也放一個編輯圖示就很完美了。(圖片出處:...
View ArticleClik here to view.
解析中華電信電話行銷技巧
最近家人接到中華電信行銷電話，表示只要 xxx 元，上網速率就可以提升到 16M/3M。由於現在行銷電話太多，而碰巧我也很熟悉這個行業，因此那些行銷話術對我沒有任何作用。聽起來再怎麼美好的電話行銷產品，記得別當下在電話中做決定就對了，一定要掛掉電話後仔細研究，真的有需要時日後再回電就是。(圖片出處: pixabay.com)一、進行光世代試算查了一下家中目前的費率與速率：目前的速率為...
View ArticleClik here to view.
可練習英文聽力的 YouTube 經典卡通詳細整理
學習英文時，選擇適合自己程度的教材是最重要的，程度過低、過高都會事倍功半，甚至無法進步。例如以前有人說多看歐美影集、電影、聽 ICRT 等等，長時間下來可以增進聽力，但實情是，當字彙不夠、根基不足時，這些再怎麼聽都不會進步，因為跟本聽不懂。必須從聽力速度跟得上，內容、字彙能理解的教材開始，一步步建立聽力的基礎才行。幸運的是當前這個世代，YouTube...
View ArticleClik here to view.
忘了備份要如何救回部落格網站文章內容、圖片
最近接到一個比較罕見的需求，案主表示 Blogger 每篇文章設定的「搜尋說明」(可參考「Blogger 文章設定」→「六、搜尋說明」)，在今年 5~6 月間的文章都不見了，詢問有沒有辦法可以救回。以前曾寫過「Blogger 網站消失」、「Blogger 文章誤刪」的案例，這次的案例看起來比較輕微一些，至少文章還在，只是某些資訊消失了。由於之前的案例發生在 4~5 年前，當時還不知道「Wayback...
View ArticleClik here to view.
Clik here to view.
Google Apps Script 使用 XmlService 解析 XML 要注意的地方
之前曾記錄使用 Google Apps Script(簡稱 GAS) 爬網頁資料，「解析 HTML 及操作 DOM 的技巧」，主要利用 GAS 的 XmlService 這個官方函數。而最近爬 XML 頁面時，發現之前記錄的心得不敷使用，沒想到 XML 架構有點難以理解。因此花了點時間解決問題，也另外記錄一下心得。(圖片出處: pxhere.com)一、GAS...
View ArticleClik here to view.
合法線上第四台直播頻道 + 隨選隨看(VOD)戲劇電影動畫整理
製作「線上看電視」之後，整合了多數 YouTube 上可合法收看的直播頻道、節目，不過仍有一些合法、擁有版權的第四台直播節目節目，並沒有放在 YouTube。不時有使用者詢問能否新增某些知名的卡通動畫、台日韓劇等節目，由於版權的關係那些節目很難放上...
View ArticleClik here to view.
擴充 Blogger 官方聯絡表單，讓任何自製版面的表格或內容都能傳送訊息
Blogger 官方「聯絡表單」是很棒的工具，提供了訪客傳送私密訊息的簡易管道。可惜的是制式版面只有三個欄位可以填寫(稱呼、郵件、訊息)，當然這已能滿足多數用途，但要客製就相當不容易。過去寫了這篇「使用 Google 表單(自訂樣式) 取代 Blogger 聯絡表單」，結合 Google 試算表與後端 Google Apps Script(簡稱...
View ArticleClik here to view.
Google Apps Script 網頁爬蟲麻煩事交給 Cheerio 解決，輕鬆解析 HTML 與 XML
之前用 Google Apps Script(簡稱 GAS)製作網頁爬蟲程式，為了解析 HTML 與 XML 分別寫了兩篇心得：Google Apps Script 爬網頁資料，解析 HTML 及操作 DOM 的技巧Google Apps Script 使用 XmlService 解析 XML 要注意的地方其實前端環境用 jQuery 等函式庫處理 DOM 非常方便快速，習慣之後在後端處理 DOM...
View Article