早就注意到google blogger 首页文章不能只显示摘要，而是全部显示
google了几个网页提供的方法，官方的方式是在文章中加一个span，让当在首页显示时span隐藏，这种方式只适合以后新增文章，以前的旧文章均没有加入这个span，就不好使
想到blogger这么高度自定义，那么用jquery实现吧
经过一个晚上的实验，终于出结果了
修改html模板，在<head>下面加入<b:if cond='data:blog.pageType != "item"'>
<script src='http://www.google.com/jsapi'/>
<script type='text/javascript'>
google.load('jquery', '1.3.2');
</script>
<script language='javascript' src='http://www.reindel.com/truncate/jquery.truncate.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
$("div[class='post-body entry-content']").truncate( 90, {
chars: /\s/,
trail: [ " ( <a href='#' class='truncate_show'>more</a> . . . )", " ( . . . <a href='#' class='truncate_hide'>less</a> )" ]
});
});
</script>
</b:if>
保存，就大功告成啦，看效果http://liuspring.blogspot.com/
经测试，IE7中会提示：是否停止运行脚本？此页面的脚本造成Internet Explorer 运行速度减慢，如果继续运行，您的计算机将可能停止响应
在FireFox3和Google Chrome中没有什么提示，速度还挺快，但会有显示问题，因为应用的jquery.truncate框架有浏览器兼容问题
没有评论:
发表评论