共享blogspot翻頁代碼

共享blogspot翻頁代碼

次

今天從別人那挖來的。

不過後來發現是別人挖別人來的。。。 。。。

於是把這個公布天下得了。（減少人的罪孽感。。。啊。啊。啊門

<div style="margin:5px;" align="center">
<form action="#" name="pager20"> <span id="vwg-pager-first"></span> <span id="vwg-pager-prev"></span> <input onfocus="this.select()" value="init..." name="showingpage" size="4" title="Enter page number that You want to go" type="text"/>/<input disabled="disabled" value="init..." name="pagestotal" size="4" type="text"/> <input value="Go" onclick="checkpager()" type="button"/> <span id="vwg-pager-next"></span> <span id="vwg-pager-last"></span> </form></div>  


<style type="text/css"> .blogpager {font-size:15px;color: #0D8F63;padding:0px 10px;}</style> 


<script type="text/javascript"> var blogID = "6716241651959471966";var home_page = "http://orange-or.blogspot.com/";var pager_max_main = 4; var pager_first_text = "第一頁";var pager_last_text = "最末頁";var pager_prev_text = "上一頁";var pager_next_text = "下一頁"; </script>


<script src="/blogger_pager_script_v20.js" type="text/javascript"></script>


適合用於新版的blogger和傳統版本的，可以直接把代碼添加到HTML/JavaScript里。

不過要把紅色字里的換成自己的。

var blogID = "6716241651959471966"; （博客ID）

var home_page = "http://orange-or.blogspot.com/"; （博客地址）

藍色的數字部分是控制每頁的文章數目可自行修改。
var pager_max_main = 4;


該段用來控制外表樣式的。懂CSS不用說了，不懂的自己查怎么用去。
<style type="text/css"> .blogpager {font-size:15px;color: #0D8F63;padding:0px 10px;}</style> 

這裡的js下載后上傳到自己的空間blogger_pager_script_v20.js.



實際效果：

演示地址：
http://or-eureka.blogspot.com/


enjoy（很多教程在後面都是這樣寫的，照例學學。。。好像很cool