Joost邀请泛滥了

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

致歉

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

8个圈圈的Blogger

2007-01-26

和你的帖子玩Peek-a-Boo——另一种全文|摘要显示方式

首先,什么事Peek-a-Boo?这个游戏就是Peek-a-Boo的一个范例。怎么和Blogger帖子玩Peekaboo?看看这里的效果。

可能是觉得o以前介绍的全文|摘要显示方式(新版旧版)太过呆板,很多朋友都想换一种更加新鲜的,也许Peekaboo能合你的心意。

1. 和以前一样:保存模板;

2. 在</head>标签前添加

<script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js' />

3. 定位以下代码
<b:includable id='post' var='post'>
.
.
.
.
.
.
<div style='clear: both;'/> <!-- clear for photos floats -->

用这些代码替换上述内容(可将粗体字部分改成你喜欢的文字)
<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>

<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>显示全文...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>显示摘要...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->

4. 最后一哆嗦:在帖子模板中添加
[摘要内容]
<span id="fullpost">
[后续内容]
</span>

怎么样?学会了没?

相关文章:折叠BloggerBlogger-Beta Hack之“折叠Beta——显示摘要”


(via:Super Peek-A-Boo Posts)

2 条评论:

故人似雪 说...

您的代码都对吗?怎么我不能用啊?

坚硬的泡沫 说...

代码应该没有错,仔细检查一下