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 特殊符號 」這個方案。 而最近處理一些案子需要製作各式的 "社群分享按鈕"，發現 ...
繼續閱讀全文Blogger 自製社群分享按鈕(扁平化設計) + 動畫效果
之前曾介紹過如何「 改造 Blogger 官方分享按鈕 」，除了增加常用的熱門社群分享按鈕，也讓官方分享按鈕展現不同的風格。 在行動裝置普及之後，「 扁平化設計 」開始流行，網頁開始使用簡單的顏色、線條來設計，減少陰影、立體、複雜的圖案，最直接的好處就是「減少圖片的使用後，能...
繼續閱讀全文
