2009-10-25

Friday, October 30, 2009

有预览图的自动收缩全文

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

步骤如下：首先找到
</head>该代码，把下面代码粘贴到这之前
<SCRIPT type='text/javascript'> var thumbnail_mode = "no-float" ; 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 == "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'><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