Blogger 最強搜尋框工具﹍(2) 安裝 Ajax 動態載入
要安裝這個「Ajax 搜尋框」工具，請務必先完成上一篇「 自製搜尋頁面 」的流程，這樣搜尋結果的版面才會美觀。 第一階段完成後，本篇要把「官方導覽列搜尋框」搬到側邊欄，並加上 "Ajax 動態載入" 的搜尋結果畫面。 點此看範例網頁 (圖片出處: p...
繼續閱讀全文Blogger 最強搜尋框工具﹍(1) 自製搜尋頁面
過去曾介紹讀者使用「 Google 自訂搜尋 」來當作站內搜尋的工具，其原因在「 取代 Blogger 搜尋小工具﹍Google 自訂搜尋 」說明得很詳細，主要是「Google 自訂搜尋(以下簡稱 CSE : Custom Search Engine)」可動態載入搜尋結果、執行速...
繼續閱讀全文圖示字型 Font Awesome 進階使用方式教學﹍製作社群分享按鈕
「 Font Awesome 」是一套把 "向量圖示" 做成字型的套件。過去為了減少網站小圖示的使用(加快網頁讀取速度)，採用「 UNICODE 特殊符號 」這個方案。 而最近處理一些案子需要製作各式的 "社群分享按鈕"，發現 ...
繼續閱讀全文Blogger 自製社群分享按鈕(扁平化設計) + 動畫效果
之前曾介紹過如何「 改造 Blogger 官方分享按鈕 」，除了增加常用的熱門社群分享按鈕，也讓官方分享按鈕展現不同的風格。 在行動裝置普及之後，「 扁平化設計 」開始流行，網頁開始使用簡單的顏色、線條來設計，減少陰影、立體、複雜的圖案，最直接的好處就是「減少圖片的使用後，能...
繼續閱讀全文BLOGGER「架站／設計案／客製系統 / 維護網站」作品集
以下收錄 WFU BLOG 製作、維護的網站，點圖片可看大圖，下方有網站的連結，包含網頁版及行動版的效果。若需要架設網站可參考「 BLOGGER "網頁版 / 行動版" 客製化作業流程 」。
繼續閱讀全文BLOGGER 架設網站(含行動版) 客製化作業流程 SOP
Blogger 是 Google 旗下的產品，為成本最低、最安全的架站平台，不需要 "主機"、"流量"、"圖床" 等固定支出(一年好幾千元)，也不需要防駭客，有世界最頂尖的 Google 當後盾。同時自家產品為了方便 G...
繼續閱讀全文Blogger 隨機文章 + 自訂尺寸縮圖 (側邊欄工具)
除了「 熱門文章 」，側邊欄另一個可吸引訪客停留、讓網站舊文章曝光的常用工具，就是 "隨機文章" 了。 之前曾製作了「 Blogger 隨機文章 + 自適應尺寸縮圖 」，由於是橫式版面，只適合擺放在文章結束處。不過將程式碼稍微修改一下，變成直式版面的話，就...
繼續閱讀全文讓行動版網頁能用手指縮放螢幕大小
這個「 Blogger 論壇貼文 」表示，"行動版在使用手機瀏覽的時候無法使用兩指放大縮小"。於是測試了幾個 Blogger 網站，發現的確連 WFU BLOG 也不能做到這件事。 其實在使用平板的時候，由於某些網頁字不夠大，常常需要用兩隻手指將螢幕放大。...
繼續閱讀全文Adsense 廣告尺寸及版面配置優化技巧整理
有讀者詢問 Adsense 適合擺放的廣告尺寸，以及版面配置如何最佳化。基本上不只我們會關心這件事，應該說 Adsense 官方比我們本身更關心，因為網站的廣告收入同時也直接影響 Google 及 Adsense 的收益(可抽成 32%)。為了賺更多錢，Adsense 官方的立場...
繼續閱讀全文解決 Windows Live Writer(WLW) 無法登入 Blogger 的替代方案
除了這個「 Blogger 論壇貼文 」詢問這件事，也有朋友在 12/11 就告訴我，Windows Live Writer(以下簡稱 WLW) 一直無法發文到 Blogger 要怎麼辦？ 直接說結論， 這是 Google 堅持維護安全性問題造成的影響，短期內這件事無解，不過...
繼續閱讀全文線上檢查 HTML/Javascript/CSS 語法工具, 自動偵測錯誤
前陣子也許 Blogger 在測試新功能，出現了這個「 Blogger 論壇 」貼文提到的異狀，在後台編輯文章的畫面，出現 "您的 HTML 不被接受，結尾標記沒有對應的開頭標記" 這樣的提示訊息。 其實 Blogger 編輯文章時，如果切換到 HTML ...
繼續閱讀全文Blogger 百大熱門文章排行
對於第一次逛到我們部落格的陌生新訪客，沒什麼工具比得上「熱門文章」，能更快熟悉網站精華之所在。就像在首次嘗鮮的店家點餐時，如果不想踩地雷，點菜單上的 "人氣"、"推薦"、"招牌" 餐點會是安全的選擇。 Blogger...
繼續閱讀全文圖床會被大陸封鎖，Blogger 有無解決方案？
自從之前提出「 部落格網站如何不被大陸封鎖？ 」的構想後，不少讀者來信詢問如何進行。如果詳細讀完這篇文章，會明白最困難的是解決圖床的問題。 關於圖床 WFU 提出了多種解決方案，而礙於篇幅的關係，上一篇無法深入說明及詳細分析。因此本篇獨立出來，除了比較各方案的利弊，也讓讀者知...
繼續閱讀全文PTT 過載連不上？各種軟體快速登入技巧整理(SSH加密連線)
以前登入 PTT 時，若是在晚間熱門時段，當人數逼近 15 萬就可能連線超載而連不上。但最近一反常態，連冷門時段、或線上人數不過 4 萬而已，竟也會出現「系統過載」的訊息，讓人不免懷疑是否 PTT 的連線遭到攻擊。 於是蒐集了一下事件發生的原理及解法，本篇整理了各種工具(PC...
繼續閱讀全文修改 Blogger 各處 CSS(文章標題+內文+其他)，以字型大小顏色舉例
這個「 Blogger論壇貼文 」表示，使用 Blogger 後台「範本設計工具」來將文章標題的字體改大，結果首頁文章標題的尺寸如預期大小，但文章頁面的尺寸變小。 這個情況有點奇特，本篇試著瞭解為何會如此，順便說明 Blogger 其他區塊的字型要如何調整 CSS，做個系統性...
繼續閱讀全文讓 WIN8 / WIN10 能用 CTRL + SPACE 切換中英輸入
2023.10.17 公告： 最新版本解決方案請參考「 徹底解決 Win 10 中英輸入法切換的各種問題(含微軟注音、酷音) 」。 自從 Windows 8 的輸入法切換被罵翻天後，原本還冀望微軟會聽進廣大中文市場的聲音，結果 Windows 10 的輸入法一樣難用，讓人大失所...
繼續閱讀全文如何找出 Google 帳號異常登入的 IP 記錄
這個「 Blogger論壇討論串 」表示，Google 帳號有不明的登入記錄，詢問如何查詢 IP 記錄。原來之前寫的「 檢查 Google 帳號是否被盜用﹍查詢最近登入的 IP 紀錄 」，當初 Google 提供了最近 1 個月登入的 IP 記錄，但現在測試才發現，Google ...
繼續閱讀全文[Blogger] 將 Adsense 廣告放在標籤索引頁面實作
![[Blogger] 將 Adsense 廣告放在標籤索引頁面實作](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKaoxHiZv4l3lm8fK2ONgesdqLNTjQXhbgs-i3kHslCrF2H5J0xY1uaDzfy67BlLl95iWli8NhyAdsgf8jFDeFzqIcV0sl4TdmetAkvS2_S5XnPUdeSE4ceXyRZurIZxK2JTYt8146l5so/s640/google-adsense-index-page.jpg)
有的知名部落格會對標籤頁面的 Adsense 廣告，進行版面配置的最佳化，例如「 重灌狂人 」的標籤頁面是這麼安排的： 1. 文章區塊上方放置 Adsense 700 x 150 2. 隔三篇文章之後放置 Adsense 700 x 150 3. 再隔三篇文章之後放置...
繼續閱讀全文為何分享文章會被 FB 封鎖或出現安全驗證？解決「無法分享+留言框失效+確認按鈕」等異常現象
分享文章到 Facebook 是效果最好的社群媒體行銷管道，但是如果稍不注意，操作的過於頻繁，那麼可是會發生不少問題。 這個「 Blogger 論壇討論串 」提出了在 Facebook 分享文章時，出現的一些異常現象。除此之外，WFU 也整理了更多 FB 分享時可能會遇到的案...
繼續閱讀全文幫網站嵌入 Facebook 粉絲團專頁(Page Plugin)﹍簡易安裝法及各種應用方式
這個外掛以前稱為 Like Box(粉絲團讚視窗)，更早叫 Fan Box(粉絲框)，現在的名稱 Page Plugin 倒是比較直覺一些，就是 FB 粉絲專頁的外掛工具，可以將粉絲專頁嵌入網站的指定位置，是效果很好的行銷宣傳工具。 這個「 Blogger論壇討論串 」，原 ...
繼續閱讀全文
