♫ NonG♫: 把Read More变成图片

呵呵~就是要不一样才好玩！^^

通常我们都会到【设计】->【页面元素】->【博客帖子/blog posts】修改Read More的用词，如下：

（红色部分为修改Read More用词之处）

然后在发表新建帖子的时候，只要click一下【插入换行符】/Page Break的icon，就能够使用read more功能了。

结果，就只有这样而已……

开始进入正题了哦！

想要将Read More改成图片的朋友，可以使用以下的方式。

方法：

打开【设计】->【修改HTML】（Design -> Edit HTML）

注意：记得在【扩展窗口小部件模板】空格打勾。
Tick on [Expand Widget Templates]

步骤1：

用ctrl+f找
<div class='jump-link'>

如果找到了以下这一段语法才继续步骤2
找不到语法的可以参考这贴：http://celestinelsw.blogspot.com/2010/06/read-more_15.html


    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
       <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
      </div>
    </b:if>

步骤2：
将<data:post.jumpText/>换成
<img border="0" src="图片direct link"/>

例如：

<a expr:href='data:post.url + "#more"'><img border='0' src='http://img37.imageshack.us/img37/5272/3largeallblogtools.jpg'/></a>

步骤3：（此步骤不重要）
修改图片位置。
用与包围步骤2的语法，如下：
【图片出现在右边】
<img border="0" src="图片direct link"/>
或者
【图片出现在中间】
<img border="0" src="图片direct link"/>
或者
【图片出现在左边】
<img border="0" src="图片direct link"/>

>> Read More图片link：