目前為止最完美的Blogger分頁功能! | blogger分頁教學

題外話,為了搜尋這功能,發現到原來blogger的分頁外掛還有個小故事勒~)方法如下:. Step 1 : Apply Style. 登入到Blogger設定頁,點選「版面配置」 > 「修改HTML」; 點選「展開小裝置範本 ... 教學 Blogger. You Might Also ...2010年4月20日目前為止最完美的Blogger分頁功能!RexChang4月20,201019comment 相信很多人都跟我一樣,厭倦了blogger下方的「較舊的文章」、「較新的文章」,這一直是blogger的小缺點之一。

試過各種分頁、跳頁的外掛總是會遇到小問題,造成讀取速度過慢,或是點下去後會掉文等等。

找了一整晚總算找到一個近乎完美的方法! 我的方法主要是參考AbuFarhan的「NUMBEREDPAGENAVIGATIONFORBLOGGERNEWSCRIPT」。

(題外話,為了搜尋這功能,發現到原來blogger的分頁外掛還有個小故事勒~)方法如下:Step1:ApplyStyle登入到Blogger設定頁,點選「版面配置」>「修改HTML」點選「展開小裝置範本」找到:]]>在上方加入下列語法:.showpageNuma{padding:3px8px;margin:04px;text-decoration:none;border:1pxsolid#999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#ddd;}.showpageOf{margin:08px00;}.showpageNuma:hover{border:1pxsolid#888;background:#ccc;}.showpagePoint{color:#fff;text-shadow:01px2px#333;padding:3px8px;margin:2px;font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;border:1pxsolid#999;background:#666;text-decoration:none;}上方的語法是修改分頁的樣式,可以隨自己喜好調整也可以直接到AbuFarhan的網頁,裡頭有其他的格式。

Step2:ApllyJavascript找到,在其上方加入語法:<scripttype='text/javascript'>varhome_page="/";varurlactivepage=location.href;varpostperpage=X;varnumshowpage=Y;varupPageWord='Prev';vardownPageWord='Next';</script><scriptsrc='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js'type='text/javascript'>注意:X請修改為「每一頁想出現的文章數」Y請修改為「想要出現的分頁按鈕數」 Step3:CustomizeLabel找到所有的 'data:label.url'  (應該會有三個左右)通通用'data:label.url+"?&max-results=X"'取代一樣,上面那行的X請修改為「每一頁想出現的文章數」存檔收工!筆記在這個外掛中,個人遇到一點小問題。

我在上方自行加入的導覽列,是直接使用標籤的網址編輯。

  假如直接套用這個外掛,會造成文章分頁錯亂,進而導致許多文章會消失。

但我又發現點選標籤時卻又不會錯亂,原因何在呢?仔細一看,標籤的網址是http://barkleyc.blogspot.com/search/label/蘭嶼?&max-results=5,而我自己在上方加入的導覽頁的網址卻是http://barkleyc.blogspot.com/search/label/蘭嶼。

少了?&max-results=5這幾個關鍵字! 因此,如果要跟我一樣在上方加入導覽列時,語法就不能單純只是把網址貼入,必須加入?&max-results=5才可以正確顯示。

例如:
  • 蘭嶼<


  • 常見投資理財問答


    延伸文章資訊