教程 | 帖子标题旁放图片

给Christine。


这个很简单。

[旧模板]

1. 首先,先找个适合的图片(建议不要太大)

2. 去设计>修改HTML 按 Ctrl+F 找



3. 在它下面paste这些



如图:

4. Save起来,就大功告成啦~❤


----------------------------------------注意----------------------------------------
有时候会出现这样的问题~


图片会跑去标题后面。

所以得把padding那边的数目改改,把它加大。

比如:
本来是
padding:0 0 4px 0px;


把它改成
padding:0 0 4px 25px;


(ps:其实加几大都没关系,只要你喜欢就好,如果你喜欢图片在标题后面也可以不用改 xD)


如果你要图片在右边可把left改成right。 : D



[新模板]

1. 去模板》修改HTML, 打勾 扩展窗口小部件模板

2. 按Ctrl+F 找
<a expr:href='data:post.url'><data:post.title/></a>

3. 在 <a expr:href='data:post.url'> 和 <data:post.title/></a> 中间 paste



<img src="图片url"/>

4. 把图片的url 换掉就可以了 :)


92 条评论:

  1. 话说apple,我爱死你啦!

    你的这个教程让我知道了一样东西!

    就是那个 left改成right 的。

    回复删除
  2. @XinWei
    哈哈。有帮到你就好了^0^

    回复删除
  3. apple,我有一些页面的问题。

    我的页面变成那些图片的是可以,不过当我要放图片的时候,

    图片是粘在一起的...

    效果:http://i702.photobucket.com/albums/ww24/winnieliew123/q.png

    请问你会吗?如果你会,可以帮我编辑吗?

    我加你为管理员。

    回复删除
  4. @XinWei
    我也不懂我会不会> <
    不过我可以尝试帮你弄看咯...

    回复删除
  5. 嗯,那么不要紧吧。

    我做成另外一个效果了 ((:

    回复删除
  6. @ღмs.Cειiйεღ
    因为你用的是模板设计器的,模板跟我用的不一样,所以你弄不到咯~ ><

    回复删除
  7. 幹嗎我找不到.post h3 { 這個字的>"<

    回复删除
  8. 美眉请问你有msn吗??
    可以加我吗?ying_seng88@hotmail.com
    我好喜欢你弄得,但我就是看不懂,可以帮帮我吗??
    谢谢你

    回复删除
  9. @ying_ying
    因为你用的不是blogger的templates所以你弄不到啦~
    我有msn,不过我安装不到window live messenger,所以很少on9的==
    不过你可以email给我:appledinghui95@live.com
    不然留言在我的blog也可以^^

    回复删除
  10. @AppLe

    如果我没有.post h3 {
    那要怎么加呐??

    回复删除
  11. @kuan________♥
    因为你用的template是新版本的...
    我用的是2006年的模板啊...

    回复删除
  12. @мѕ.тrасч ıєє ♥
    如果你不嫌麻烦的话可以换成minima的模板~
    酱的话我的教程你就看懂了咯~

    回复删除
  13. 请问你怎样弄到你旁边的标题下面有个pink colour的横线啊?o.O

    回复删除
  14. @Jux Stella ◕‿◕
    加.sidebar h2 {进去html咯~
    不然弄不到

    回复删除
  15. 我也是找不到.post h3 {叻
    要怎样换成minima的模板?><
    T____T

    回复删除
  16. 去修改HTML>下面旧模板那边
    布局模板(2006 年推出)
    按 选择布局模板

    就可以了^^

    回复删除
  17. 为什么我的图片会跟一开始的字粘在一起的呢?

    回复删除
  18. 所以得把padding那边的数目改改,把它加大。

    回复删除
  19. 我不懂你的问题在哪里喔 ><
    抱歉

    回复删除
  20. 呃...没关系啦!其实这个教程我也试过别人教的教程...都还是不行...

    回复删除
  21. Apple。。
    我已经换成了2006年的模板了。
    我有去修改HTML,也有把那个代码Paste在下面,
    跟你的图片一模一样。
    只是我不懂要去哪里找图片,
    找到了图片又是要Copy它的代码还是网址?

    回复删除
  22. erm. 可以教我怎样换去2006年的摸板么?

    回复删除
  23. 如果我用的是新版的,那要找什么代码 ?

    回复删除
  24. Ting:
    你是不是用新模板?

    不还意思各位,
    我没有研究新模板,所以新模板用户不用白费力气做这个教程了~
    谢谢合作。

    回复删除
  25. 这个我弄到了 不过 为什么 就是 不能平等的?
    你可以帮我调下吗?我已经弄到了

    回复删除
  26. 你的blog很lag,所以留言在这里。
    你可以去这里找:
    http://www.glitter-graphics.com/

    回复删除
  27. 我放minima了
    也不能...之前可以的...不懂现在做么不能了阿

    回复删除
  28. 给我看你的blog吧~可能会知道问题在哪里

    回复删除
  29. Halo! 那些Code我找不到 ! 可是我是久模板,但却找不到!

    回复删除
  30. 我想请教下你。。
    你上面标题的图片是怎样弄的?
    可以教我吗?
    而且我的图片一直想左靠。。
    不都怎样移去center..T.T

    回复删除
  31. 我不懂呢。别人都找到。
    会不会是你搞错哪里?

    回复删除
  32. babybean
    把图片代码的right改去center就好了 :D

    回复删除
  33. 这个也成功了,真的很谢谢你的教程^^

    回复删除
  34. 嗨 ;
    Apple =D
    那个 Code Horr ,,
    我找不到 ;
    .post h3 {
    酱的话、我怎样做?
    可是我是旧模板的也、..

    回复删除
  35. 不好意思。如果你们找不到就是用新模板了~
    旧模板一定找得到的 =]

    用新模板的是弄不到了的~抱歉啊。

    回复删除
  36. 请问,该在哪里找那些照片呢??

    回复删除
  37. 还是不能勒 =w=
    图片和字体贴在一起、padding加大了就变成去下面勒 T_T

    回复删除
  38. 我的怎么弄不到丫? 帮帮我~ : ] 谢谢丫

    回复删除
  39. 是不是你的代码那边原本也有padding了?

    回复删除
  40. 請問有圖片給我選擇嗎><
    因為我不懂要什莫圖片><
    有的話 給我網址下><
    謝謝

    回复删除
  41. 你去这里。有很多喔:D
    www.glitter-graphics.com/

    回复删除
  42. 我的是2006年的勒。
    可是我都找不到.post h3 {
    教我怎么办?=[

    回复删除
  43. 那么只需要加.post h3 {这个下去罢了?
    还是还有其他的代号?
    还有加在那里啊?
    =3


    thx :)

    回复删除
  44. 如果换了2006的模板..那之前我用新模板弄的东西还会不会在的啊?

    回复删除
  45. 小工具的东西可以保留,
    修改HTML那边的就会不见><

    回复删除
  46. 我是 用 2006 年的 , 可是還是弄不到 哎 ><''

    回复删除
  47. 为什么找不到.post h3 { ???

    回复删除
  48. 你可以去这个网
    www.glitter-graphics.com/

    回复删除
  49. DiiaDia
    你可以去这个网
    www.glitter-graphics.com/

    ❤伊zii❤
    因为你用新模板~

    回复删除
  50. 我的是新模板 . 我照了你的方法 可是还是不行 做麽的 ?

    回复删除
    回复
    1. 其实你的帖子有放标题咩?我看到好像没有的><

      删除
    2. 我弄了这个之后 我帖子的标题就无缘无故不见了 怎麽办? T__T

      删除
    3. 你是不是不小心把给删掉了?
      如果删掉了这个帖子标题就会没了哦~

      删除
  51. 这样的话、要怎样修回啊 ? T__T

    回复删除
  52. 你好, 谢谢你的较程,很好用哦!
    可以教较怎么弄 “您或许对这些文章有兴趣“像你那样的吗?

    回复删除
  53. apple 现在的那个新模板 为什么会没有扩展窗口小部件模板的? ><求救!

    回复删除
  54. 我打开了HTML,可是没找到
    为什么会这样啊啊啊?

    我不懂扩展窗口小部件模板是什么,所以...没打勾勾.是有关联?

    回复删除

你的留言将在审核后发布。谢谢 ♥