星期二, 十月 07, 2008

如何实现Blogger的文章摘要功能

87af3b76Blogger没有提供文章摘要功能,不过可以通过脚本实现类似功能。具体制作分为三步:(例牌声明一下,修改Blogger模板前,请先备份!切记!!!) 一是在< /head>前加入如下代码:
< !-- 隐藏文章内容 -->< b:if cond="'data:blog.pageType">< style type="'text/css'">span.fullpost {display:inline;}< /style>< b:else/>< style type="'text/css'">span.fullpost {display:none;}< /style>< /b:if>
二是每次写文章时,将要隐藏的部分放在< span class="fullpost">< /span>内(在Html编辑模式下)。比如要隐藏“隐形人”的话,就这样:< span class="fullpost">隐形人< /span>以上已经实现隐藏功能,但还是有点欠缺,用户会以为文章已经结束了。所以还要进行最后一步美化工作,在文章结尾加上“阅读全文”的链接(该链接会在首页所有文章尾部加上)。当然,大家也知道< a href="http://www.blogger.com/">Blogger< /a>网站,在后台也只有一个文件,假如就直接加上链接的话,那打开文章后,还会有“阅读全文”的尾巴。为了去除这个尾巴,需要多加个判断,继续往下看:先找到模板中原来文章显示的代码,类似< data:post.body/>,将其换成如下代码:
< b:if cond="'data:blog.pageType">< data:post.body/>
< br/>< a href="'data:post.url'">阅读全文... < /a>< /b:if>
如无意外,可以收工了!

0 评论: