部落格寫作軟體的選擇, 以及確保文章寫作安全的技巧﹍如何進行版本控制, 當內容被覆蓋或誤刪時可以救回

有讀者在「 Blogger 文章不小心誤刪了怎麼辦? 」留言表示,在 Blogger 後台編輯時出了意外,文章發佈前就不小心把內容覆蓋,詢問是否有機會救回? 答案很簡單:沒辦法。然而這案例發生的機率很低,所以本篇不會針對極端的狀況進行分析,主題著重在事前要如何預防意外。 ...

繼續閱讀全文

使用 Font Awesome 圖示速查表(cheat sheet), 安裝快速不麻煩

最近使用「 Font Awesome 」替換了網站各處所有的小圖示,包含「 社群分享按鈕 」、各式側邊欄及網頁底部圖示。由於官網並未提供方便的安裝語法查詢管道,導致必須一一點開個別圖示的頁面來複製語法,因而浪費不少時間。 於是整理了本篇的 Font Awesome 圖示一覽表...

繼續閱讀全文

Google 搜尋不到自己的文章嗎?各種搜尋結果不如預期的疑難雜症整理

這個 Blogger 中文論壇貼文詢問為何「 Google搜尋結果找不到文章 」?相信站長們都很關心自己網站的文章,在搜尋引擎的能見度,畢竟搜尋結果會直接影響網站流量。如果能弄清楚 Google 的一些運作原理,就能知道哪些事是我們的基本動作。 類似的提問並不算少見,然而細節...

繼續閱讀全文

在 FB 社團與其他 Blogger 愛好者交流﹍各種中文討論區整理

雖然已經有一些討論 Blogger 的管道,不過偶爾 WFU 也是會收到讀者從 Facebook 傳來的訊息,詢問「Blogger/部落格/網路」的相關問題。這讓我瞭解到,在 "G+/Blogger網站" 以外的生態圈,對於 FB 這個平台的使用者,還是需要一...

繼續閱讀全文

讓 FB 粉絲團專頁在側邊欄浮動顯示﹍快速累積按讚數

過去在製作「 浮動側邊欄 」時,雖然知道這樣的工具可以得到大量曝光機會,不過對於要讓什麼主題在側邊欄浮動,一直沒有強烈的想法。 前陣子幫讀者提出「 FB 粉絲團專頁外掛(Page Plugin) 」的簡易安裝法後,產生了一個想法,以目前的網路行銷生態來看,讓「Facebook...

繼續閱讀全文

安裝常用社群分享按鈕 (圓形)﹍圖示字型 Font Awesome 應用

上一篇「 圖示字型 Font Awesome 進階使用方式整理 」,說明了如何利用重疊圖示,來組合出一個 FB 分享按鈕。 只做出一個不過癮,本篇要示範如何利用 Font Awesome 圖示字型,繼續做出所有常見的社群分享按鈕,例如 G+、Line、微博、噗浪、推特、郵件等...

繼續閱讀全文

Fancybox, 優雅又八面玲瓏的 jQuery 燈箱外掛 (3) CDN 安裝懶人包

最近在進行整理網站外部連結的 "年終大掃除" 行動,目前已經清除所有的 "網站小圖示" (改用「 Font Awesome 圖示字型 」),以及刪除 "Google 自訂搜尋" (改用「 Ajax 搜尋框 」)。接下來成...

繼續閱讀全文

Blogger 最強搜尋框工具﹍(2) 安裝 Ajax 動態載入

要安裝這個「Ajax 搜尋框」工具,請務必先完成上一篇「 自製搜尋頁面 」的流程,這樣搜尋結果的版面才會美觀。 第一階段完成後,本篇要把「官方導覽列搜尋框」搬到側邊欄,並加上 "Ajax 動態載入" 的搜尋結果畫面。 點此看範例網頁 (圖片出處: p...

繼續閱讀全文

Blogger 最強搜尋框工具﹍(1) 自製搜尋頁面

過去曾介紹讀者使用「 Google 自訂搜尋 」來當作站內搜尋的工具,其原因在「 取代 Blogger 搜尋小工具﹍Google 自訂搜尋 」說明得很詳細,主要是「Google 自訂搜尋(以下簡稱 CSE : Custom Search Engine)」可動態載入搜尋結果、執行速...

繼續閱讀全文

圖示字型 Font Awesome 進階使用方式教學﹍製作社群分享按鈕

「 Font Awesome 」是一套把 "向量圖示" 做成字型的套件。過去為了減少網站小圖示的使用(加快網頁讀取速度),採用「 UNICODE 特殊符號 」這個方案。 而最近處理一些案子需要製作各式的 "社群分享按鈕",發現 &quo...

繼續閱讀全文

Blogger 自製社群分享按鈕(扁平化設計) + 動畫效果

之前曾介紹過如何「 改造 Blogger 官方分享按鈕 」,除了增加常用的熱門社群分享按鈕,也讓官方分享按鈕展現不同的風格。 在行動裝置普及之後,「 扁平化設計 」開始流行,網頁開始使用簡單的顏色、線條來設計,減少陰影、立體、複雜的圖案,最直接的好處就是「減少圖片的使用後,能...

繼續閱讀全文

BLOGGER「架站作品/設計合作/維護網站」摘錄

以下收錄 WFU BLOG 製作、維護的網站,點圖片可看大圖,下方有網站的連結,包含網頁版及行動版的效果。若需要架設網站可參考「 BLOGGER "網頁版 / 行動版" 客製化作業流程 」。

繼續閱讀全文

BLOGGER 架設網站(含行動版) 客製化作業流程 SOP

Blogger 是 Google 旗下的產品,為成本最低、最安全的架站平台,不需要 "主機"、"流量"、"圖床" 等固定支出(一年好幾千元),也不需要防駭客,有世界最頂尖的 Google 當後盾。同時自家產品為了方便 G...

繼續閱讀全文
TOP