越努力越幸运。
不管如何,我比你努力,比你好,比你更问心无愧。

2017.02.22

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

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

12 comments:

  1. 请问新模板的如何弄?

    ReplyDelete
    Replies
    1. 这个就是给新模板的教程 ==
      *Blog Template*

      -replied by Bii.

      Delete
    2. 没有内个h3的代码!!!
      但有h3.post-title {

      Delete
    3. 每個人的模板都會有 /3\
      如果你的沒有,我就幫不到你了。
      因為我是照著我的模板來研究這個教程的。
      不是 h3.post-title { 這個代碼.

      -replied by Bii.

      Delete
  2. 终于到这个教程了^^Y 谢谢博主呐 :D

    ReplyDelete
  3. Replies
    1. 爲什麽弄不到 ?
      教程沒有問題,應該是你添加代碼的過程中出現問題了。

      麻煩詳細列面你添加代碼的過程,
      然後 print screen 你哪裡弄不到再 inbox 去專頁給我。

      -replied by Bii.

      Delete
  4. 博主,我弄到了,可是为什么没有分割线?

    ReplyDelete
    Replies
    1. 请看清楚教程的名字:帖子标题旁添加图片

      是图片,不是分割线 /3\
      分割线另外添加的

      -replied by Bii.

      Delete
  5. 如果是Blogskin要找什麽代碼 ?

    ReplyDelete
    Replies
    1. 这个是限 BT 的教程。
      由于 BS 的代码每个人都不一样,所以我无法告诉你要找什么代码。

      -replied by Bii.

      Delete

っ 谢谢你耐心的看完这篇帖子 ♥
っ 评论将在博主审核后发布,如有不便,敬请原谅哦 :)
っ 除了评论之外,亲也可以选择在 Cbox 留言或 PM 我的部落格专页信箱

ベ 请用词确切,勿使用脏字哟
ベ 部落格不接受匿名评论,评论前请确保你拥有 Google Account 哦
ベ 请仔细列明你的问题好方便我回答哦 :)

* 感谢你的留言,欢迎下次再来。