Joost邀请泛滥了

需要的朋友可以点击下面的链接留名。 Joost™ the best of tv and the internet

致歉

本博因故暂停更新。请重新订阅或访问8个圈圈的Blogger

8个圈圈的Blogger

2007-01-14

显示上一文章和下一篇文章是如何实现的

@一叶,以下是对你的问题的回答:

只要你使用新版Blogger的Layout模板编辑,你的博客就在页的底部自动显示“较新的文章”、“主页”、“较旧的文章”。如果你想对其进行一些个性化修改(比如把文字改成图标),可以将下面代码中的粗体字部分改成图片链接即可。新版Blogger中无法显示上一篇文章或下一篇文章的标题,至少o不知道怎样实现 =(

<!-- navigation -->
<b:include name='nextprev'/>

<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>;<data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>

如你用的是旧版的Blogger (或在新版Blogger中使用经典模板) ,你可以在文章的顶部(<Blogger>标签前)添加以下代码,用来在帖子页中显示“较旧的文章”链接(可以显示文章标题,就像Geeky Newbie中那样)。
<ItemPage>
<p style="text-align:right">
<span><BloggerPreviousItems><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a> &raquo;</span><span style="display:none"></BloggerPreviousItems></span>
</p>
</ItemPage>


在旧版Blogger中实现显示“较新的文章”链接比较复杂(需要将存档改为每日;添加一堆js代码;...),too lazy to work on that =( 有兴趣你可以自己研究以下这篇Blogger previous and next date links(英文)

del.icio.us:

(via:)

更新1(20070114):要在新版Blogger文章顶部实现这个功能可以将<b:include name='nextprev'/>放到<div class='blog-posts'>之后。但放到文章顶部后不能将默认的文字链接改为图片,否则顶部的链接工作不正常。谁有解决的办法?


更新2(20070126):后一种方法只能应用在旧版Blogger中,无法在新版经典模板中应用。原因:新版经典模板中不支持<BloggerPreviousItems>、<$BlogItemPermalinkURL$>、<$BlogPreviousItemTitle$>、</BloggerPreviousItems>这些标签

2 条评论:

IwfWcf 说...

请问新版Blogger中如何在文章顶部实现这个功能

8O 说...

@iwfwcf,请查阅更新1