魚兒 | 美化教程部落格 ♥: 9月 2011

在标题下添加分割线 ( 图画 )

效果如图

部落格小工具标题

登入部落格 > 设计 > Edit Html

按 CTRL + F 寻找

h2 {

然后把以下的代码添加在它的后面

background:url('图片网址')no-repeat center; 

padding:0px 0px 25px 0px;

部落格文章标题

登入部落格 > 设计 > Edit Html

按 CTRL + F 寻找

h3 {

然后把以下的代码添加在它的后面

background:url('图片网址')no-repeat center; 

padding:0px 0px 25px 0px;

按 Preview 看看效果

如果图片不对称

在 padding 那边改

慢慢研究 :)

如何删除订阅：帖子（Atom)

Click & Share

登入部落格 > 设计 > Edit Html

新版 Template

在 Expand Widget Template 打勾

然后按 CTRL + F 寻找

<b:include name='feedLinks'/>

然后把那段代码删除掉

Preview 看看有没有效果 , 好了按 SAVE :)

旧版 Template

按 CTRL + F 寻找

.feed-links {

把 .feed-links {.....} 里的代码删除掉

用 display: none; 代替删除的代码

变成 .feed-links {display: none;}

Preview 看看有没有

按 SAVE 大功告成 :)

添加愿望清单 Wishlist

Click & Share

↑ 效果 ↑

注意 , 那个打勾的格子不是图片咯（¯﹃¯）

登入部落格 > 设计 > 添加小工具

<form name=myform>

<input type="checkbox" name="wishlist" value="1" disabled />愿望内容<br />

<input type="checkbox" name="wishlist" value="1" disabled />愿望内容<br />

<input type="checkbox" name="wishlist" value="1" checked />愿望内容<br />

<input type="checkbox" name="wishlist" value="1" checked />愿望内容<br />

<input type="checkbox" name="wishlist" value="1" checked />愿望内容<br />

<input type="checkbox" name="wishlist" value="1" checked />愿望内容<br />

</form>

Checked : 已经完成

Disabled : 未完成