讓 Blogger 過長的文章自動產生數字分頁﹍系列文加強版
上一個版本「 讓 Blogger 自動顯示系列文章 」留言 #5 WHY 詢問「有時文章過長，想幫文章變更為好幾頁 ( 寫好幾篇 )，能否讓【 自動顯示系列文章 】的顯示結果不出現標題，而出現數字」。基本上「文章分頁」算是常見的功能，當文章內容較長，分頁功能可以讓讀者稍微喘口氣。...
繼續閱讀全文[教學]將範本中的 HTML/Javascript/CSS 最佳化處理﹍優化網站效能(2)
![[教學]將範本中的 HTML/Javascript/CSS 最佳化處理﹍優化網站效能(2)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1YeX4Eeairatgevp-unCp1yz3LCZogfXhswqSndqyOYk13A484GtSgeTL6h7CQOs9GyOL05atYstsniitA1SE7beLoQFeKAG-SKKM_X8jvHVfH4k_ZCchmvloZuX2VeJWJJm5STEWupli/s1600/htm-css-js.jpg)
過去寫了不少篇屬於優化網站效能的基礎知識，如果都曾讀過、打好基礎後，那麼現在可以開始挑戰實作演練了。本篇以 Blogger 範本為例，說明如何整理程式碼、讓範本最佳化，也就是能夠減少體積、執行有效率，同時又易於維護。 不過動手之前，最好先確認對 html/js/css 有基本...
繼續閱讀全文雖然 PageRank 停止更新，沒關係還有 MozRank
這個「 Blogger 中文社群討論串 」提到了 Google 不再更新 PageRank 的消息，而這件事 Google 很久以前便開始預告，PageRank 的數字也有很長的一段時間沒有變動，越來越少看到網站掛上 PageRank 貼紙。 為何 Google 這麼做，想瞭...
繼續閱讀全文活用 HTML/Javascript/CSS 格式化及壓縮工具﹍修改 Blogger 範本的觀念 (3)
隨著範本修改次數增加、範本檔越來越肥大，從最乾淨的狀態不到 100k 直到 2、300k 的情況都在所多有(如果備份時有注意檔案容量的話)，是不是會覺得開啟範本的等待時間越來越久？也難怪網頁開啟時間越來越慢。 進入主題前先回顧一下系列文前兩篇，站長要如何不盲目地修改範本、脫離...
繼續閱讀全文Google Drive 外連產生器 V1
2015.5.8 公告：目前已經有更新版，請前往「 Google Drive 外連產生器 V2 」頁面。 取得 Google Drive 外連路徑不是輕鬆的事，對於使用免費網路空間的站長，這些外連檔案 html / js / css / jpg / png 等等包括圖檔，如果...
繼續閱讀全文優化網站效能該注意哪些事? (1)最關鍵的考量因素
(Pic from: seocorporation.net ) 經營部落格一段時間後，站長可能會將注意力從文章內容的產出、版面的裝潢、外掛小工具等等，轉移到更深的層面，例如網頁載入的速度、手機版的效能、範本程式碼優化等等。 會開始關注這些考量點，代表除了內容以外，也會站在讀...
繼續閱讀全文專業的「網站維修中」及倒數計時功能, 不用擔心訪客看到異常頁面
喜歡裝潢門面的站長可能三不五時會有一點小困擾，在站內維護的期間，例如調整版面 CSS 配置、測試安裝某些外掛時，網站不可避免地會讓訪客經歷版面異常、或局部功能失效的狀況。而這還算小問題，因為多半只影響不到一天的時間。 如果是網站大改版、或是更換新範本(模版)等，那問題可就大了...
繼續閱讀全文[小工具]Blogger 數字分頁導覽 + Ajax 動態頁面載入效果
![[小工具]Blogger 數字分頁導覽 + Ajax 動態頁面載入效果](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENPf1V7NW4p0lgxEK2gHvzRSRypeefzm7_eP7CNBYdMTjVHrd5PSGIB9PjN2MG6rH-i3s2LTi6I5yUTsRaA34D45bvnkcIciwILGD-_dQss8eauDdkhg6he_FFl4lW5fH3FOVLz6X4HeQ/s1600/number-page-navigation-ajax-loading.jpg)
網站使用數字分頁功能，來方便訪客跳頁尋找、閱讀文章，這是各大網站很常見的設計。但 WFU BLOG 一直以來未採用，原因有二： 1. 如果不瞭解 Blogger 的機制，裝了這樣的外掛一定抱怨連連，請參考「 Blogger官方自動分頁機制 」，分頁的狀況常常會不如預期。 ...
繼續閱讀全文jQuery 圖片輪播外掛﹍camera 安裝及使用詳解
許多非官方的 Blogger 範本，都會內建圖片輪播效果，可在部落格首頁展示站長的精選或隨機文章。不過也並非得用這些範本，才能擁有 slideshow 功能，已經有數量龐大、可免費使用的現成 jQuery 函式庫，例如這個網頁「 20 個免費好用的響應式 jQuery 輪播幻燈片...
繼續閱讀全文[教學]在 Google Drive 建立 HTML 網頁, 需要注意這三件事
![[教學]在 Google Drive 建立 HTML 網頁, 需要注意這三件事](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPMANYvF3Pqjs89XFqTRDHkEnKtgA2TA9usvT76WBzVGJeNQzjBP8xW-Qx3IX5Xa6-pR_m1weXhgq9_XY7Yt9NCGHE9HuyVDpmWVqro4MfyukWCICi5FEzabBO-gkmM0KA9GbTsefz5BwI/s1600/google-drive-upload.jpg)
2016.4.13 公告： 由於「 Google Drive 將於 2016 年 8 月關閉外連 」功能，建議參考「 徹底解決網站外連空間問題 」→「支援目錄路徑的雲端空間」，將檔案放在支援 "目錄路徑" 的網路空間，才能成功建立網頁。 使用 Googl...
繼續閱讀全文訂閱 Facebook 社團貼文心得__IFTTT 應用
訂閱 RSS 是獲得資訊的重要來源，尤其部落格站長更是需要。而如何收集各種國內外資訊來源，除了需要敏銳度，也得配合各種不同工具、或網路服務的應用能力。如果能擁有越多的資訊素材，除了寫文章不怕沒題材寫，也能增加內容的深度與廣度。 過去曾介紹過「 如何取得 mobile01、PT...
繼續閱讀全文會員中心新增「小遊戲區」
(Pic from: wallpaperstock.net ) 2016.4.9 公告： 因 Google Drive 外連失效，停止「小遊戲區」的功能。 首先，會員中心公開試營運三個禮拜以來，雖然曾遇上 Google Drive 升級的意外，使得有段期間新會員無法註冊加...
繼續閱讀全文如何讓 Javascript/CSS 執行有效率﹍修改 Blogger 範本的觀念 (2)
(Pic from: css-javascript-toolbox.com ) 網頁載入速度是影響訪客對網站印象的重要一環，而 Javascript(以下簡稱 js) 與 CSS 在範本中如何配置，關係著網頁執行的效率。不過對於初心者而言，這些知識未免太過複雜，為了讓不懂語法的...
繼續閱讀全文想知道自己網站的台灣或全球排名嗎？安裝 Alexa 貼紙秀給訪客看
(Pic from: seomastering.com ) 經營部落格一段時間後，如果小有人氣的話，站長們可能都會好奇，自己的網站在台灣能排上第幾名呢？其實對於這件事，能提供具有公信力的來源並不多，在亞洲地區可以申請加入「 博勢力 」的部落格排行榜。不過由於分類很多，且參加排行...
繼續閱讀全文利用 Google 試算表當小型資料庫 (3)簡易查詢與排序 (及新版試算表讀取流程)
(Pic from: veryicon.com ) 免費的部落格平台，結合 Google 試算表後，使用簡單的 javascript 操作，就可對試算表資料庫進行存取，在網站上實現各種應用，例如初期發表的「 部落格即時留言板 」，一直到近期的「 會員系統 」。 不過資料庫若...
繼續閱讀全文Fancybox, 優雅又八面玲瓏的 jQuery 燈箱外掛 (2)縮圖+滾輪特效安裝懶人包
2016.4.13 公告： 為了避免上傳檔案、尋找免費空間的麻煩，最簡單的安裝方式請直接參考這篇「 Fancybox 燈箱外掛 CDN 安裝懶人包 」。 上一篇的「 fancybox 安裝教學 」說明了如何從官網下載檔案、上傳到自己的空間、最後利用本站提供的簡便前導程式來顯...
繼續閱讀全文最佳 CSS 3D 按鈕產生器__Button X 操作心得
使用 CSS 語法產生的按鈕，要做的好看不容易；然而圖片式的按鈕雖然畫面呈現較佳，卻需要花費 http 請求時間，也就是會影響網頁載入速度。如果可以的話，使用 CSS 按鈕會是最佳選擇。 網路上有許多線上 CSS 按鈕產生器，可以讓我們輕易取得不少漂亮的按鈕。而本篇要介紹的 ...
繼續閱讀全文部落格網站「會員系統」試營運
有關注 WFU BLOG 的朋友應該會發現，九月中開始，某些文章出現了「會員限定」的功能，因為 WFU 預先悄悄在部落格網站測試「會員系統」的可行性。 在免費部落格平台、或沒有租用主機的網站實現「會員系統」不是容易的事，需要解決後端資料庫、系統安全、行動版等等諸多問題。一方面...
繼續閱讀全文Blogger 串聯式留言(threaded comment)__留言編號及自訂版面樣式實作
2017.7.25 公告： 留言編號已有新版處理方式，請參考「 使用 CSS 語法就能讓 Blogger 自動產生留言編號 」。 跟 Blogger 舊範本時代的官方留言系統比起來，新範本的串聯式留言全部由 javascript 產生，讓習慣改 Blogger 範本的使用者難...
繼續閱讀全文[小工具]回到頂端(Go Top)按鈕放在浮動導覽列實作
![[小工具]回到頂端(Go Top)按鈕放在浮動導覽列實作](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz7aQbHYgX9xEYlS3qL34N7c_1rCHDAwkwUcceZsJhtz6ZFHFUQ1vWMEUIwIiHRjj7VNQOq0eTMV9o-UQ7xW9_3RLqbZ0WGW8dD9oQ8YF5y1HuUv0Fc_hppPygKzNA9ZYoN5zWrXXABXRJ/s1600/go-top-on-floating-nav-bar.jpg)
上一篇「 快速回到頂端(Go Top)按鈕__符合使用者體驗的友善設計 」留言 #18 Jean Hsiung 詢問：「我對您的"↑TOP"鈕比較有興趣，這個有沒有教學?」。 為何 WFU 要將 "回到網頁上方" 的這顆 Go Top ...
繼續閱讀全文
