[小工具]Blogger 數字分頁導覽+ Ajax 動態頁面載入效果@WFU ... | blogger分頁教學

這個數字分頁導覽工具,除了方便訪客跳頁搜尋文章之外,還可在跳頁時, ... 找資料的過程才發現,原來Blogger 分頁功能的歷史還滿精彩的,有不少 ... 謝謝您如此詳細的教學,請問我照著操作後,分頁有正常顯示,但在分頁下 ...網站導覽如何使用本站Blogger新手指引本站的Hack及工具熱門文章一覽文章列表+讚統計BLOGGER小技巧小工具行動版官方工具留言相關Blogger相關Blogger筆記Blogger範本Blogger語法GOOGLEGoogle試算表Chrome套件GoogleDriveGoogle搜尋GoogleAdsenseGoogleAnalyticsAppsScriptGoogle相關部落格部落格經營搬家SEO社交分享按鈕網站工具網頁效能部落格廣告著作權保護網頁設計字型RWDBootstrapjQuery工具CSS技巧Javascript技巧網頁開發工具圖片展示工具網路雲端FacebookLineDropboxEvernote資訊安全免費空間會員中心會員資訊會員限定文章會員加值文章點數使用明細會員公告會員討論區關於會員系統關於/諮詢諮詢/服務項目架設網站流程架站作品關於本站版權聲明贊助管道留言板2014年11月10日[小工具]Blogger數字分頁導覽+Ajax動態頁面載入效果WayneFu電腦-Blogger-工具-Blogger工具0A+色a:link{text-decoration:underline;}.post{background:#fff;color:#222}[style*='990000'],[style*=cc0000],[style*='6aa84f'],[style*='3d85c6']{border-bottom:2pxdashed#ccc}[style*='990000']:before,[style*=cc0000]:before{content:"紅字";font-size:70%;font-weight:700;vertical-align:top}[style*='6aa84f']:before{content:"綠字";font-size:70%;font-weight:700;vertical-align:top}[style*='3d85c6']:before{content:"藍字";font-size:70%;font-weight:700;vertical-align:top}網站使用數字分頁功能,來方便訪客跳頁尋找、閱讀文章,這是各大網站很常見的設計。

但WFUBLOG一直以來未採用,原因有二:1.如果不瞭解Blogger的機制,裝了這樣的外掛一定抱怨連連,請參考「Blogger官方自動分頁機制」,分頁的狀況常常會不如預期。

2.本站屬於「資訊提供」的性質,訪客有七成來自搜尋引擎,主要目的為尋求問題的解答,平均停留頁數少,比不上旅遊、美食、心情抒發、插畫等等諸多類型的網站,訪客比較有輕鬆的心情進行跳頁式的閒逛。

不過最近一個案子需要分頁功能,且相信很多網站還是需要數字分頁的導覽效果,因此發佈此項研究成果。

另外這個小工具能在跳頁時,頁面使用Ajax動態載入,算是獨家功能。

以下先進行功能介紹,想直接安裝請跳至「二、準備動作」。

點此看範例網頁一、分頁歷史與功能介紹1.歷史找資料的過程才發現,原來Blogger分頁功能的歷史還滿精彩的,有不少掠奪著作權的進程,對故事有興趣可參考「FreeTongDIY」這篇介紹。

另外曾在「為何部落格最好避免第三方外掛?」→「六、程式有問題」→「2.程式有木馬」提醒過讀者,現在發現這篇「《姆奈》MKnight」的第一則外國人留言,就是那個被Google查封的著名分頁功能作者。

這個外國作者其網站當初算是最大宗的"Blogger分頁工具"輸出地,現在已經被標示為「惡意軟體網站」,只能再次提醒讀者,隨意找網路上的程式安裝到自己部落格,不小心就會替自己埋未爆彈。

2.基本功能分頁功能的演算法還滿瑣碎的,不得不感謝前人已經造好輪子,WFU的工作就是把交通工具美化就好。

本篇採用的程式碼出自「Helplogger」,這個版本比其他分頁工具好的地方有:部落格文章沒有500篇的限制不需讀取整個部落格的文章來載入、速度較快標籤頁面也能執行3.改造功能因已習慣「Javascript設計模式」的撰寫模式,將原始碼修改甚多,也增加新的功能,大致如下:程式碼全部動態執行、不拖慢網頁執行速度跳頁不必重新整理頁面,採ajax動態載入→讀者可以感受一下"光速載入"的效果,對訪客是非常友善的閱覽體驗原版本若要讓標籤


常見投資理財問答


延伸文章資訊