空閒時間開發的小工具，能夠統計部落格 (Blog) 文章字詞數量，然後根據字詞出現頻率，組合畫在一張圖片上的功能。 建議使用桌機電腦 (desktop)，以避免繪製文字雲效能的低落 這功能記得從 2017 下半年就想嘗試，然後一直拖拖...
顯示具有 Blogger 標籤的文章。 顯示所有文章
Blogger 使用 jQuery jScroll 實作無限捲頁，自動載入更多文章 (Infinite scrolling)
無限捲頁 (infinite scrolling)，或是被稱為其他名字，自動換頁 (auto pagination)，無限滾動 (endless scrolling)，無限頁面(endless pages) ，或是懶加載 (lazy loading) 等等…。主要目的是...
網站
,
Blogger
,
JavaScript
Markdown to HTML tool using JavaScript in Blogger
Markdown 是一種輕量語言標誌，協助寫部落格文章時，不用去考慮繁瑣的排版格式設定，而用簡單的語法來編排文章排版。 為什麼要用 Markdown 自從開始使用 Markdown，該簡易的排版語法讓自己減少許多原先花費在排版的時間，不用像之前需要特別注意 HTML ...
程式語言
,
Blogger
,
JavaScript
Blogger 文章搬家且不遺失 Google 排行索引的搬家筆記
注意：這僅適用於已經使用自定義網域的部落格，並不適用於要遷移已存在的部落格到剛購買的新網域。 搬移部落格需求 自從開始看一些部落格教學後，從中重新思考為什麼要寫部落格，更重要的是，思考部落格 主題是什麼 。審視目前的部落格，主要分成兩大塊主題，一大部分是自己的生活，另一...
Blogger 使用標籤模式瀏覽側邊欄小工具
之前使用手機瀏覽他人的部落格時發現的設計，將側邊欄小工具 (Widget)，例如熱門文章 (Popular posts)、網誌存檔 (Blog archive) 以及關於我 (About me) 等等，使用標籤 (Tabs) 整合在同一個區塊，點選標籤來切換顯示對應的小工具內容...
Blogger 側邊欄獨立一頁面，並使用 iframe 引用
原先的目的是希望 Google 搜尋不要把側邊欄的內容，編列成該頁的索引關鍵字，嘗試過搞錯用法的 googleoff/googleon tags 來標示，也嘗試過使用 Scripts 來產生側邊欄的內容，但 Google 是將執行過 Javascripts 後的 DOM (...
Blogger 首頁僅顯示兩篇文章的問題與解決
遇到問題 最近發布三篇旅行遊記後，好奇到首頁 (Main page, Index) 查看排版，發現原先設定首頁顯示 十筆 文章，怎麼突然變成只有 兩筆 呢。 點選底部下列的分頁到下一頁，第二頁的文章查看，並比對網誌存檔 (Archive) 的文章列表，發現理應出現在第一頁的...
Facebook Open Graph Setting in Blogger
Open Graph Protocol 是 Facebook 發展的 meta data 的建立規範，這邊僅提及文章（Article）的應用。 當部落格文章分享到 Facebook 時，Facebook 會讀取 Open Graph 的標籤資料來產生的文章預覽，包含縮圖以及摘要...
隱藏 Blogger 管理頁的流量統計
為什麼要隱藏流量統計？ 從去年使用 Blogger 架站開始，一開始看到那張在管理首頁的流量統計圖，慢慢上昇是一種鼓勵，為 Blogger 所作的搜尋引擎優化 (SEO) 有所效果，文章竟然有人在看，流量增加漸漸的成為繼續寫文章的動力與重心。 不知道為什麼，看到相同的流量統...
程式語言
,
Blogger
,
JavaScript
Blogger 文章列表 (Blogger archive list page)
提示：2019-03-17 更新程式碼，使得能正確顯示全站的文章，採用新的 JavaScript 語法，老舊的瀏覽器可能無法運作 之前在找 Blogger 資料時發現的這一篇， Create an Archive List/Page for Blogger 。文章列表讓你...
Blogger 版面配置標籤 (Blogger Layout Tags)
最近為了將 Blogger 調整改版，研究並嘗試 Blogger 編排，做個筆記紀錄。 概觀 概觀來看的 HTML 大致上都是這樣，HTML 的標準，<html></html> 定義網頁內容；<head></head> 定義網...
如何讓部落格 (Blogger) 被搜尋引擎找到的做法
提示： 2016-07-26 更新內容，追加手動提交網頁的做法 讓搜尋網站能夠找到自己的部落格，對於想要有流量，推銷自己的部落客是一件非常重要的事。因此再建立完 Blogger 後，可以再作一些步驟，讓搜尋網站能盡快建立索引，讓網站被搜尋到。
如何產生網頁圖示（favicon）並且符合各家瀏覽器規格
Favicon 是與某個網站或網頁相關聯的圖示。瀏覽器可以將 favicon 顯示於瀏覽器的位址列中，也可置於書籤清單的網站名前，還可以放在標籤式瀏覽介面中的頁標題前。 在準備架設部落格時，就覺得網頁圖示（ Favicon ）一定要弄出來，屬於個人風格的圖示而不是預設共用的部...
