获取前后两篇文章的标题

博客后台点击Template然后选择Edit HTML，在弹出的窗口中选择Expand widget templates。找到</head>，在它的前面添加如下代码

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

保存后关闭并转到模板Layout页面，添加HTML/Javascript的小组件，加入下面的代码并保存

<style type="text/css">
#blog-pager-newer-link {font-size:20;width:500px;text-align:left;}
#blog-pager-older-link {font-size:20;width:500px;text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
});
});
</script>

保存后刷新博客主页就看到效果了！