blogspot使用分頁模式

是不是已經看膩blogspot的「較新的文章」跟「較舊的文章」了呢XDD

今天在網路上亂逛~突然發現有人的網誌竟然是用頁碼的=口=



大驚!!!!!!!!!!!!

參考 abu_farhan 的 Numbered Page Navigation For Blogger New Script

Step 1 : Apply Style

1. 登入到 Blogger設定頁，點選「版面配置」 > 「修改HTML」
2. 點選「展開小裝置範本」
3. 找到

]]>

   然後替換成下面這個

.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.showpagePoint {
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #999;
  background: #666;
  text-decoration: none;
  }

]]>

上面是舊的樣式，可以到abu farhan的網頁下載其他樣式 Six Styles Page Navigation for Blogger

Step 2 : Aplly Javascript

找到

    換成下面這個

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script>

下面這兩個依照你的部落格設定自己更改

var postperpage=7;

var numshowpage=4;

Postperpage : How many Post every Page for your blog
numshowpage : how Many number will show in Your page Navigation

Step 3 : Customize Label

1. 到修改HTML的地方
2. 點選「展開小裝置範本」

找到所有的這個

'data:label.url'

替換成下面這個

'data:label.url + "?&max-results=7"'

上面的數字7要更改成你每頁要顯示的篇數

存檔收工~