自訂搜尋

2010/10/14

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要更改成你每頁要顯示的篇數

存檔收工~

沒有留言:

張貼留言

讀取中…