Thursday, August 19, 2010

钻石钻石

有没有发现
我的文章标题前面
有颗钻石 Smiley
哈哈
最近我很迷恋大石头Emoticon

做法很简单
开始咯

Step 1:
找张你喜欢的照片
Pixel 弄小一点
再弄成 html code

Step 2:
Login blogger > Design > Edit HTML > Expand Widget Templates
再 Ctrl + F
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>

Step 3:
Copy <img src='照片 HTML'/>
再把照片的 HTML code
代替红色的 highlight

Step 4:
然后
把完整的照片 code
<img src='照 片 HTML'/>
paste 在 Step 2 code 的中间

就像这样:
<b:if cond='data:post.url'>
<img src='照 片 HTML'/>
<a expr:href='data:post.url'><data:post.title/></a>

假如你喜欢 icon 是在标题后面
那就把完整的照片 code
paste 在<a expr:href='data:post.url'><data:post.title/></a> 之后
就像这样
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<img src='照 片 HTML'/>

它你喜欢标题前后都有 icon
那就把完整的照片 code
paste 在两个 code 中间和后面
就像这样
<b:if cond='data:post.url'>
<img src='照 片 HTML'/>
<a expr:href='data:post.url'><data:post.title/></a>
<img src='照 片 HTML'/>


Step 5:
preview 一下
假如满意的话
那就 save template
现在开始
你的文章标题
就有个 icon 咯
Smiley

资料 courtesy to BloggerStop


在发新文章的时候

<img src="照 片 HTML" style="border-width: 0px;" />
paste 在标题前面
这结果也是同样的哦


资料 courtesy to Blogbulk

5 个鼓励:

Anonymous said... Reply to comment

花样多多呵~:P

垃圾婆

靜亭 said... Reply to comment

宅媽,你真行!服!以後部落格有什麼疑難雜症找你就對了!

花花 said... Reply to comment

这个我tak jadi叻。。。不知道哪里出错。。。
我又看到你的新嘢。。。:D

mamaceo said... Reply to comment

Biyun
;)

TT
谢谢 :-*
医治部落格疑難雜症
我是不行啦
不过大家研究下我是有兴趣啦 :A

mamaceo said... Reply to comment

花花
可能你的 Dora template
和我的 blogger template 不一样 :(

Post a Comment

LinkWithin

Related Posts with Thumbnails