教程 | 日期旁放图片

此教程不支持新模板!!!

就是这个小脚印啦...

1. 首先,先去设计》修改html , 按 Ctrl + F 找



2. 在它下面paste这些



@如果要放图片在右边就把left改成right

如图:



3. 保存起来就可以了^^


---------------------------------------注意---------------------------------------

有时候会出现酱的问题 :




图片会跑去字后面。

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

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


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


就把它加大到不会跑去字后面就可以了 =D


#苹果:Type这篇时我忘记保存就关掉结果type了两次 = =     

85 条评论:

  1. 请问可以提供一些图片的link吗?
    谢谢..=D

    回复删除
  2. 我想问你会换下面那个page的颜色么?

    回复删除
  3. @Michiko S. Hui

    http://www.glitter-graphics.com/gallery.php?categoryID=136

    回复删除
  4. .....就是在主页下面的那些。
    就是可以按1,2,3,4,5.....面那些的。

    放一个这样的教程可以吗?
    我到现在都不知道要怎样放pages

    回复删除
  5. 可以哦 :)
    我linked了~
    下次有什么不会我在请你开教程哦 :)

    回复删除
  6. @Shu HUI
    hehe~我也叫apple放这个教程咧~~~

    回复删除
  7. 这个我会了 :)

    还是要说谢谢哟。

    回复删除
  8. 很pro噢! XD
    我也有研究这种咚咚,以前的blog有类似的~

    回复删除
  9. @冒牌周武王ΨomsΨ
    我没有很pro啦 ><
    现在呢?你没有研究了么?

    回复删除
  10. 你的blog不是放了❤么?
    都没问题了啊.. ^^

    回复删除
  11. Weeee,要谢谢你啦 ^^ <3

    回复删除
  12. 怎么我的看不到padding这个东西?
    只有margin##

    回复删除
  13. 因为你用的是模板设计器的模板,我是用2006年的模板~
    所以有些代码不一样的~

    回复删除
  14. 请问小工具标题旁边の图案怎么放吖?可以教我吗?谢谢^^

    回复删除
  15. 等我得空我会发那个教程给你哦~
    守着我的部落格吧^^ 嘿嘿

    回复删除
  16. 哈哈~我会耐心等待的~谢谢你吖~^^圣诞快乐~

    回复删除
  17. 感恩感恩!!我做到了=DD

    回复删除
  18. yi?!
    为什么我的标题上面没有日期的?

    回复删除
  19. apple……阿~
    照片我换不到~!怎么样??

    回复删除
  20. 为什么很多教程,比如说在标题旁边放图片的那些都做不到的?我明明跟着教程做了呀……

    回复删除
  21. 我要在哪裡的padding加大字哦??

    回复删除
  22. 怎样变旧模板?????

    回复删除
  23. mike
    去设计》修改html 下面那边能换

    回复删除
  24. 还有别的图片选吗 ?

    例如 : 心形 的 -> ♥

    还有可以把它放在右边吗 ?

    回复删除
  25. 我找不到 h2.date-header { 的?

    回复删除
  26. Xiiao Yee
    ❤的图片你要自己去找哦,我没负责帮人找图片的。
    放右边可以啊~

    回复删除
  27. 好的 , 谢谢 (:

    我已经选好要那个图片了 >> http://www.glitter-graphics.com/graphics/211763

    可是 我不会把它放在日期旁边 ><

    回复删除
  28. Xiiao Yee
    跟着教程呀~
    只要你不是用新模板的就一定能做到的 :D

    回复删除
  29. 蛤 , 我是新模板的噢 ><

    回复删除
  30. 哦~那就弄不到咯~
    不好意思啊~

    回复删除
  31. apple, 怎樣看是新模板還是舊模板 ?
    可以回覆到我blog 嗎 ?
    謝謝 :D

    http://night-yuan.blogspot.com

    回复删除
  32. http://yes-apple.blogspot.com/2011/06/blog-post_08.html

    回复删除
  33. 去那里修改HTML ? 那里的? =] 教我一下下...Plzz =] 谢谢

    回复删除
  34. 修改HTML??请问在那里?那里修改?那里能找到“修改HML?可以回复到我的BLOG 的chat box 吗? 谢谢噢~!感激不尽=] www.twinkle-sweetdiary.blogspot.com/

    回复删除
  35. 只可以放一张照片吗?我要放多一张在旁边行吗?教教我~ ^^

    回复删除
  36. only can put 1 pic??
    如果要在旁边放多一张可以吗?
    ^^

    回复删除
  37. 为什么我弄不到滴? O.o 帮帮我~谢谢~ : ]

    回复删除
  38. 要怎么弄? 帮帮我~ 拜托~ 谢谢 : ]

    回复删除
  39. 做么我不能的??@@

    回复删除
  40. erm..
    请问去了http://www.glitter-graphics.com/找图片。
    那里一个是图片的URL?

    回复删除
  41. 你选了一张图片后按download image...
    它会弹出一个框框。你在框框里的图片right click按copy image location

    回复删除
  42. 這是藕的blogger所顯示的 :
    */h2.date-header { background:url(http://img846.imageshack.us/img846/3458/122842r9l2jjtjaf.gif) no-repeat left;
    margin:1.5em 0 .5em; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; }.post h3 {
    background: url(http://img7.imageshack.us/img7/5446/t1as8kxfnlxxartxjx.gif) right no-repeat;
    margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor;} .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$titlecolor; font-weight:normal;} .post h3 strong, .post h3 a:hover { color:$textcolor;}

    n 爲什麽藕的沒有這個的??
    ( padding:0 0 4px 0px;


    把它改成
    padding:0 0 4px 15px; )

    回复删除
  43. Apple !
    我用的是新模板乜 '
    该怎么办 ?! @@
    改成旧模板的话 , 会不会有影响 ?

    回复删除
  44. 你是指对什么的影响啊?

    回复删除
  45. 为什么我弄不到的 ? TT

    回复删除
  46. 改成旧模板的话之前弄的东东会不会不见掉?

    回复删除
  47. 维霓:
    新模板是弄不到的~

    天秤:
    如果你在修改html那边加的东西就会不见,小工具那边的可以保留的~

    回复删除
  48. cannot find this(h2.date-header { )

    回复删除
  49. 请问下!做么我 按 Ctrl + F 找找不到h2.date-header {
    的??

    回复删除
  50. 弄到了…谢谢你的代码 :D

    新模板的话,加在
    h3.post-title, .comments h4 {
    的后面就可以了。
    图片跑去字后面的话就把padding 那个code 一起加进去就可以了 :)
    希望可以帮到新模板的童鞋 ;D

    回复删除
  51. padding要放在哪裡呢????
    我的應該是新的
    嘉盈說的和我一樣
    只是不知怎麼吧padding放進去= =

    回复删除
  52. 白い羽
    你是用新模板的。你弄不到可以跟着嘉盈的方法 :)

    回复删除
  53. 那些小张的照片~去哪找?

    回复删除
  54. 这里有一些:P
    http://yes-apple.blogspot.com/2010/11/blog-post_19.html

    回复删除
  55. 请问如果我用嘉盈的方法是不是找Find,h3.post-title, .comments h4 然后再Paste你给我们的那个Code就可以了?:)

    回复删除
  56. 嗯嗯~你可以尝试看看哦 :)

    回复删除
  57. 請問要怎樣切換為舊模板啊?

    回复删除
  58. 请问要怎样才能删掉帖子中表情的框框?

    回复删除
  59. 请问要怎样才能去除帖子中表情和照片的框框?

    回复删除

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