♫ NonG♫: 06/22/11

✿欢迎弹奏✿

✿Click to inside✿

2011年6月22日星期三

蠟筆小新








喜欢的话可以copy回去,
不过拿后记得通知^^

賤兔












喜欢的话可以copy回去,
不过拿后记得通知^^

rainbow text

步骤1:
先到这个website ---> > Click Here <


步骤2:
在空格上打字,之后按generate


步骤3:
copy所产生的HTML 语法,再paste到部落格即可~



我把我看到的简单的copy给大家知道,
希望你们会喜欢^^
讯息提供来自纬之乐园

把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:(此步骤不重要)
修改图片位置。
用<p align="XXX">与</p>包围步骤2的语法,如下:
【图片出现在右边】
<p align="right"><img border="0" src="图片direct link"/></p>
或者
【图片出现在中间】
<p align="center"><img border="0" src="图片direct link"/></p>
或者
【图片出现在左边】
<p align="left"><img border="0" src="图片direct link"/></p>


>> Read More图片link:


http://img37.imageshack.us/img37/5272/3largeallblogtools.jpg

http://img529.imageshack.us/img529/1953/31largeallblogtools.gif

http://img529.imageshack.us/img529/3070/30largeallblogtools.gif

http://img266.imageshack.us/img266/3030/28largeallblogtools.gif

http://img22.imageshack.us/img22/2645/24largeallblogtools.gif

http://img31.imageshack.us/img31/8513/22largeallblogtools.png

http://img532.imageshack.us/img532/2084/21largeallblogtoolsq.png

http://img18.imageshack.us/img18/1626/20largeallblogtoolsn.gif

http://img529.imageshack.us/img529/1186/16largeallblogtools.gif

http://img541.imageshack.us/img541/9274/13miniallblogtools.gif

http://img13.imageshack.us/img13/1069/12miniallblogtools.jpg

http://img541.imageshack.us/img541/4894/8largeallblogtools.gif

http://img266.imageshack.us/img266/7863/6largeallblogtools.png

http://img529.imageshack.us/img529/9497/4miniallblogtools.png

http://img532.imageshack.us/img532/7074/4largeallblogtools.jpg

http://img268.imageshack.us/img268/3761/2largeallblogtools.jpg

http://img22.imageshack.us/img22/6130/1miniallblogtools.png


【中文版Read More图片】

http://img88.imageshack.us/img88/762/bq88711624.jpg


我把我看到的简单的copy给大家知道,
希望你们会喜欢^^
讯息提供来自纬之乐园

back to top