教程 | 帖子标题旁添加图片 (BT/Layout)

安哟哈色哟 -v- 趁着去旅行之前，会尽量把大家之前要求的教程发布出来。Hmm, 这一次发布的教程还算蛮特别的。在其他部落格也有看过同样的 effect, 可是没有人发布过，所以这次我就来发布啦  LOL 很无聊的开场白。各位有看过我之前设计的博友们就会知道是怎样的了，而且我使用后，大家也有留言在 Chatbox 问如何用。干脆我就发布教程好了。

其实我想说，如果你那么不爽我、我的部落格、我发的素材、我发的教程、我的为人、我的待人处事方式，那我麻烦你，不要用本部落格发布的教材 please! 我还真的是没有看过一个像你这样要委屈自己的人诶。明明讨厌我，还要用我发布的东西 = = 还有，下次麻烦你有礼貌一点。我转载的素材，你拿走不留言我当做看不到，反正我也是转载来的。但是，我自制的素材就麻烦你留言，让我知道我的素材的去向都好。尼玛。

- Tutorial requested by Yuen Thing -

* 使用前请注意：由于这个教程是从代码下手，所以大家有可能不小心删掉一些代码，那样会造成模板不能保存。建议大家在预览效果图后才保存，以免发生不必要的错误。

Blog Template User / Layout Template User ( 2006 年模板 )

1. 模板 - Edit HTML - 在 扩展窗口小部件模板 打勾

2. Ctrl + F 寻找代码 <h3 class='post-title entry-title' itemprop='name'> 

3. 在 <h3 class='post-title entry-title' itemprop='name'> 上面添加以下代码：

<img src='图片 url' align='left' width='60' style='padding:3px; border: 1px dashed #ccc; margin-top:-8px;'/>

4. 预览看看你的代码有没有出错才保存。（不要直接保存，以免出现代码错误等情况却无法得知）

小解释

蓝色代码：图片的网址 * 建议使用正方形的图案为佳
紫色代码：图片的位置 * 可改成 left / right
青色代码：图片的宽度 * 60 / 70 为佳  当然你们可以自己喜欢
橙色代码：图片的边框粗度 / 类型 / 颜色

# 再一次提醒，保存代码之前先预览看看模板有没有出现问题。一旦发现模板不能保存（出现问题的意思），请立刻把添加的代码删除。