Friday, October 30, 2009

有预览图的自动收缩全文

        大家见我博客页面是不是有个阅读全文项,有兴趣可以到收缩/展开文章,增加“阅读全文”选项看看,不过这些都需要写文章时自己设置。现在介绍的是不用你任何设置,只需要正常的发布文章就可以达到收缩全文的效果,而且还伴有预览图(如果你文章里有图片的话)。

步骤如下:首先找到
</head>该代码,把下面代码粘贴到这之前
<SCRIPT type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 500; summary_img = 400; img_thumb_height = 130; img_thumb_width = 281; </SCRIPT> <SCRIPT src='http://www.smashingtips.com/wp-content/uploads/2009/05/read-more.js' type='text/javascript'/>
(http://www.smashingtips.com/wp-content/uploads/2009/05/read-more.js这段代码更新
纳米下载
live下载
然后再找到下面这段代码
<p><data:post.body/></p>
全部替换成下面这段代码
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p><data:post.body/></p>
<b:else/><DIV expr:id='&quot;summary&quot; + data:post.id'><p><data:post.body/></p></DIV> <SCRIPT type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</SCRIPT> <div style='clear: both;'/> <div style='border:0px;padding-top:5px;;float:right;text-align:right;'><span class='readon'><a expr:href='data:post.url' rel='bookmark'><img src='http://i422.photobucket.com/albums/pp302/bloggeracs/ReadMore.png'/></a></span></div>
</b:if>

如果你不想要有图片按钮的话,可以用下面这段代码,红色部分为修改参数,大家根据喜好设置。
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/><DIV expr:id='"summary" + data:post.id'><p><data:post.body/></p></DIV> <SCRIPT type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</SCRIPT> <div style='clear: both;'/><div style='border:0px;padding-top:5px;;float:right;text-align:right;'><span class='readon'><a expr:href='data:post.url' rel='bookmark'>Read More...</a></span></div>
</b:if>

doubanclaim4316f2ec0bc891cf
呵呵,大家可能注意到,悦来客栈(http://sisea.blogspot.com)有了新的域名http://www.adkut.cn,在此感谢网友的zhiwei馈赠http://www.adkut.com/。本来是件快乐的事,可是偏偏今天我发现我的博客不能访问了,为什么呀,我还什么都没做呢,算了还是写了这篇文章谢谢zhiwei( 哈哈,比偷情还快,原来是场空,域名也被人拿回。--贾雨春
23F87CD666FF146EBB38F1FBC8107E00

阅读全文...

Creative Commons License© 2007-2011 乐天士 --您是第 位浏览者--↑页首
悦来客栈 by sisea is licensed under a Creative Commons 署名-非商业性使用-禁止演绎 2.5 中国大陆 License.