分页导航的代码的简化版本

之前提到过一个分页导航的代码，可以放在HTML/JavaScript小插件中使用，但是需要调用其他网站的js文件，这是我们不想看到的。特把自己的修改版拿出来给大家观赏：

<style type='text/css'>
#blog-pager{padding:10px 0;clear:both;}
.showpageNum a {
color:#333333;
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px 7px;
background-color:#FFFFFF;
}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {
color:#333333;
border: 1px solid #cccccc;
padding:3px 7px;
background-color:#cccccc;
margin:0 3px;
}
.showpageOf {
color:#333;
text-decoration:none;
padding:3px 7px;
margin: 0 3px 0 0;
}

- 阅读更多 -

分页导航的代码

Blogger没有自带分页导航，网上搜得的代码。首先在博客layout中添加HTML/JavaScript的组件，然后把下面的代码复制进去。效果见本站，略作修改。

<style type='text/css'>
#blog-pager{padding:10px 0;clear:both;}
.showpageNum a {
color:#333333;
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px 7px;
background-color:#FFFFFF;
}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {
color:#333333;
border: 1px solid #cccccc;
padding:3px 7px;
background-color:#cccccc;
margin:0 3px;
}

- 阅读更多 -