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

十二月 25, 2021 | views
Comments 0
教程 | 帖子标题旁添加图片 (BT/Layout) 安哟哈色哟 -v- 趁着去旅行之前,会尽量把大家之前要求的教程发布出来。Hmm, 这一发布的教程还算蛮特别的。在其他部落格也有看过同样的 eff

教程 | 帖子标题旁添加图片 (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 为佳  当然你们可以自己喜欢
橙色代码:图片的边框粗度 / 类型 / 颜色

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