安裝常用社群分享按鈕 (圓形)﹍圖示字型 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...
繼續閱讀全文
