網頁插入表格不再麻煩﹍線上產生器 + 可匯入 CSV 檔(Tables Generator)
前陣子剛好多位讀者、客戶都詢問這件事： 如何在文章中插入表格，且能正常顯示，版面不異常？ 如果對 HTML 語法不熟悉的話，網頁要插入表格的確沒那麼容易。過去曾寫過「 Blogger 插入表格的最佳流程 + 自適應寬度 」，文章內容不短，但是瞭解原理、操作熟悉後，經由 Go...
繼續閱讀全文如何查詢自己網站的 SEO 熱門關鍵字 + 應用技巧﹍Google 網站管理員 Search Console
最近在臉友 許哲維 的貼文得知，使用 Google 搜尋自己網站的熱門關鍵字，有可能會出現一個新的區塊，顯示 SEO 相關資訊，例如點擊數、平均搜尋排名等數據，就像下圖這樣： 這個功能還滿有趣的，不禁研究了一下，只是似乎不是所有人都看得到。 本篇整理一下心得，並提供...
繼續閱讀全文如何為 FB 粉絲團新增「服務內容」，讓顧客一眼就知道賣哪些產品
前幾年 Facebook 粉絲頁的選單頁籤中，推出一個「服務內容」的項目，可以讓公司、店家列出產品項目、或提供的服務。但不方便的地方是，只有粉絲團設定了「公司」、「店家」等特定類別，頁籤才有「服務內容」這個選項。以本站為例，類別為「個人部落格」就無法使用。 不過最近測試時發現...
繼續閱讀全文Blogger 側邊欄分頁工具﹍相容官方小工具
以前曾寫過多個「 Blogger 側邊欄自製分頁(Tab)小工具 」，而共通點是某些官方小工具無法使用，例如 "熱門文章"、"網誌存檔"、"網誌統計資料" 等等。 因為這些官方工具的原理，是使用 Ajax 技術延遲取...
繼續閱讀全文SEO 資訊與假新聞的危害﹍如何辨別 SEO 文章真偽
最近「假新聞」事件導致外交官殞落，台灣當局總算開始正視假新聞造成的國安危害。比起先進國家早立專法反制，台灣步調雖慢但總比沒有好。 電視媒體帶頭散佈未經查證的消息、甚至製造假新聞早已司空見慣，不過對於能辨別真偽、有心查證的民眾而言，要瞭解真相不乏驗證的管道。例如各路人馬匯集的 ...
繼續閱讀全文Blogger 側邊欄隱藏開關工具
喜歡版面簡潔的部落格站長，有不少會想使用單欄式版面，也就是沒有側邊欄的設計。然而側邊欄捨棄其實也是有點可惜，這個區塊的空間若好好運用，除了可以帶給讀者不少便利性，還可撥一部份空間擺放廣告獲得收益。 如果網站花一些心思設計的話，我想最佳解會是讓有需求的使用者各取所需，不想看到側...
繼續閱讀全文專業程式設計師的生存之道﹍讀後心得摘要
這陣子借了一本給工程師看的書，但是內容跟程式碼無關，所以讀起來不傷腦、很輕鬆。其實這本書比較像在談心法，更多的是作者提醒工程師要如何在職場上存活下去、如何工作地更有效率。 我認為在實用性上，這本書反而比寫程式的工具書重要，因為程式寫得再厲害，許多工程師的通病是爆肝、把自己搞得...
繼續閱讀全文部落格是否需要為了中國大陸市場而搬到自架站？
過去在協助 Blogger 架站時，有時談得差不多了，案主忽然想到什麼，最後來個回馬槍：「那 Blogger 在大陸看得到嗎？」 這個問題實在太難回答了，說 Yes / 說 No 都不是正解，總之無法用簡單的二分法判別。你需要瞭解案主到底在想什麼，究竟是隨口問問，還是真的有在...
繼續閱讀全文使用北都兩年後解約感想﹍第四台各種替代方案整理
2019.9.14 公告： 不看第四台之後，我做了一個可以線上合法收看多數台灣節目的選台器工具，無論是新聞、財經、政論、綜藝...各種節目一應俱全，推薦讀者使用： 前往「線上看電視」 原始文章：去年「 首次跟北都續約 」時，使出渾身解數才讓他們按照當初的約定「一年...
繼續閱讀全文Google 試算表製作可執行 Apps Script 指令碼的(圖片)按鈕
最近接到一個需求，想要每次都指定不同的 Blogger 文章，做出指定格式的內容，並存成 XML 檔。比較簡單的製作方式，是利用 Google 試算表，將指定的條件輸入儲存格後，寫 Google Apps Script 來撈資料執行。 而每次執行 Google Apps Sc...
繼續閱讀全文為網站安裝 Facebook 即時通(messenger)外掛﹍顧客洽談機器人
我們常常會在某些網站的右下角，看到 FB 即時通的圖示，點開後就能直接留言。這個功能很熱門，英文名稱為 Customer Chat Plugin(客戶聊天機器人)，很多人都提問過要如何安裝，本篇就來整理非常簡單的安裝流程。 點此看範例網頁
繼續閱讀全文部落格是否要加入內容付費平台 (Medium) 的考量
「內容付費平台」是指像 Medium 、 SOSreader (現已改名為 Vocus 方格子)這類的部落格平台，提供讀者付費、打賞的機制，讓站長可以藉寫文獲得收益，網站不用另外放廣告，版面比較清爽。 幾個月前在 FB 收到某平台傳來的訊息，算是想自我推薦，這是部分訊息： ...
繼續閱讀全文讓 Blogger 官方 RWD 範本側邊欄小工具能預設展開
去年 Blogger 官方推出的 RWD 範本，側邊欄工具的設計我覺得有一點比較沒彈性，全部預設都是關閉的狀態，所以使用「 樹狀標籤 V2 」的讀者曾反應，希望小工具的內容預設為開啟的狀態。 當時解決的方法是在程式碼單獨處理，但這個作法無法套用到每個小工具，因此本篇提供比較好...
繼續閱讀全文Blogger 自製「精選文章」小工具﹍圖片版
Blogger 官方幾年前推出「精選文章」小工具，我認為這個功能非常有必要性，因為跟側邊欄的「熱門文章」、「最新文章」工具一樣，都具有維持訪客注意力、減少跳出率的用途。 不過本質上，「精選文章」還是有所不同： 「熱門文章」顯示的文章無法由自己決定，熱門程度是由訪客決定。 ...
繼續閱讀全文釐清 Blogger「網站架設 / 客製功能 / 諮詢服務」的費用行情﹍無預算專區
看到 FB 網友貼的「 沒預算方案 」，雖然是嘲諷的意味居多，但不可否認的，「無預算」族群的比例很高，本站也遇過非常多案例。 網站架設或相關事務是高度客製化的產品，就像房屋裝潢、手工家具一樣，無法經工廠機器大量生產，費用只能看客戶要做到什麼程度而定，與客戶的預算有高度相關。 ...
繼續閱讀全文讓圖片有放大鏡效果的 jQuery 外掛, 支援手機版﹍mlens
最近接到的需求是，希望滑鼠經過圖片時，能像使用放大鏡一樣，掃過的區域有放大的效果。 類似的功能還滿常見的，例如購物網站，需要展示產品的頁面，由於網頁的空間、寬度有限，圖片很難呈現局部細節。為了降低消費者的疑慮，有必要用放大鏡功能，讓小圖來呈現大圖的細部效果。 另外客戶也希...
繼續閱讀全文防止網頁圖片被下載的密技
最近接到一個需求，由於案主網站的圖文常被中國網站、或農場網站盜取，所以希望能夠讓網頁上的圖片，不要那麼容易被下載。 當然我也跟案主說了，任何方法都不可能阻止圖片被取得，最簡單的按一下 Print Screen 鍵就拿走了，所以不如做好浮水印比較實在。 不過案主的出發點是，...
繼續閱讀全文Blogger 恢復網址後綴(.com)，可能導致 Google 網站管理員索引大幅下降(search console)
前陣子客戶使用網站管理員(search console)時遇上問題，他表示： 把Blogger與Search console串聯，目的是為了看到瀏覽者是搜尋什麼關鍵字而找到我。但串聯成功後，我在Search console的搜尋分析裡面，卻遲遲看不到任何關鍵字的數據 一開始...
繼續閱讀全文用 Line、FB 手機 APP 開啟網頁對前端工程師的困擾﹍JS 辨識內建瀏覽器(webView)的方法
前陣子的一個專案，客戶反應很多使用者用手機操作時，網頁會有錯誤導致無法註冊。但我手機實測的結果又沒有發生任何問題，於是請客戶提供使用者的操作環境，例如 Android 或 iOS 系統，瀏覽器版本等等。 結果都不是這些原因，最後才發現是因為使用者在 Line 上面開啟網站連結...
繼續閱讀全文Blogger 諮詢聯繫填寫表單 SOP
本站常會接到許多 Blogger 相關的提問、合作案件、或是詢價，無論是簡單的問題，或是大型的專案，只要提供的資訊不足，就不容易進行回覆，需要花費多次往來溝通的時間。 因此若有需要向本站洽詢之前，麻煩按照本文流程提供必要資訊。 (圖片出處: picjumbo.com ) ...
繼續閱讀全文
