home
★
about
★
tutorials
★
freebies
★
html
★
十一月082010

教程 | 日期旁放图片

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

就是这个小脚印啦...

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



2. 在它下面paste这些



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

如图：



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


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

有时候会出现酱的问题 ：




图片会跑去字后面。

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

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


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


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


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

85 条评论:

  1. Tan Sheau Hui2010年11月8日 20:45

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

    回复删除
  2. ShuHUI4222010年11月8日 22:48

    我想问你会换下面那个page的颜色么？

    回复删除
  3. じ☆ve AppLe2010年11月8日 22:51

    @Michiko S. Hui
    这边有很多^^

    @Shu HUI
    蛤？什么page？

    回复删除
  4. じ☆ve AppLe2010年11月8日 22:52

    @Michiko S. Hui

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

    回复删除
  5. ShuHUI4222010年11月8日 22:57

    .....就是在主页下面的那些。
    就是可以按1，2，3，4，5.....面那些的。

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

    回复删除
  6. Serrene2010年11月9日 03:23

    可以哦 :)
    我linked了～
    下次有什么不会我在请你开教程哦 :)

    回复删除
  7. Sophia.MF2010年11月9日 17:12

    @Shu HUI
    hehe~我也叫apple放这个教程咧～～～

    回复删除
  8. Sophia.MF2010年11月9日 17:13

    谢谢你的教程～^^

    回复删除
  9. 薇兒♥2010年11月9日 18:56

    这个我会了 :)

    还是要说谢谢哟。

    回复删除
  10. じ☆ve AppLe2010年11月10日 17:13

    @NeverLing
    嗯嗯。我也link了你~

    回复删除
  11. 冒牌周武王ΨomsΨ2010年11月10日 19:22

    很pro噢！ XD
    我也有研究这种咚咚，以前的blog有类似的~

    回复删除
  12. じ☆ve AppLe2010年11月10日 22:04

    @冒牌周武王ΨomsΨ
    我没有很pro啦 ><
    现在呢？你没有研究了么？

    回复删除
  13. joly ko2010年11月12日 13:23

    我得不能得？

    回复删除
  14. Mѕ.тrасч ıєє ♥2010年11月18日 20:28

    我要在哪裡的padding加大字哦??

    回复删除
  15. じ☆ve AppLe2010年11月19日 15:06

    你的blog不是放了❤么？
    都没问题了啊.. ^^

    回复删除
  16. 匿名2010年11月29日 16:25

    Weeee,要谢谢你啦 ^^ <3

    回复删除
  17. じ☆ve AppLe2010年11月29日 16:44

    不客气啦 =）

    回复删除
  18. 匿名2010年11月29日 17:05

    赫赫 :D <3

    回复删除
  19. kosong2010年11月30日 16:01

    怎么我的看不到padding这个东西?
    只有margin##

    回复删除
  20. じ☆ve AppLe2010年11月30日 17:49

    因为你用的是模板设计器的模板，我是用2006年的模板~
    所以有些代码不一样的~

    回复删除
  21. ❤慧公主2010年12月25日 14:53

    请问小工具标题旁边の图案怎么放吖？可以教我吗？谢谢^^

    回复删除
  22. じ☆ve AppLe2010年12月25日 22:47

    等我得空我会发那个教程给你哦~
    守着我的部落格吧^^ 嘿嘿

    回复删除
  23. ❤慧公主2010年12月25日 23:46

    哈哈~我会耐心等待的~谢谢你吖~^^圣诞快乐~

    回复删除
  24. じ☆ve AppLe2010年12月26日 13:52

    嗯嗯~

    回复删除
  25. YUKI2010年12月29日 18:30

    感恩感恩！！我做到了=DD

    回复删除
  26. じ☆ve AppLe2010年12月29日 18:58

    不用客气 :D

    回复删除
  27. 小lie2011年1月19日 15:00

    yi?!
    为什么我的标题上面没有日期的？

    回复删除
  28. Doreen 心灵分享之地2011年2月11日 21:15

    padding 在哪里？

    回复删除
  29. 匿名2011年3月11日 14:42

    apple……阿~
    照片我换不到~！怎么样？？

    回复删除
  30. 匿名2011年3月11日 14:43

    为什么很多教程，比如说在标题旁边放图片的那些都做不到的？我明明跟着教程做了呀……

    回复删除
  31. ❤ŠнΙяιуп ßιоɡ❤2011年3月17日 11:27

    我找不到padding的字的哦？

    回复删除
  32. HuiYee Teoh2011年4月16日 17:07

    不可以哦..

    回复删除
  33. じ☆ve AppLe2011年4月16日 22:57

    你用新模板吗？

    回复删除
  34. ﹎.xцāΩ.J℡.2011年5月9日 22:42

    我要在哪裡的padding加大字哦??

    回复删除
  35. ❤ah Qii❤2011年5月16日 16:19

    怎样变旧模板？？？？？

    回复删除
  36. 慧2011年5月21日 18:22

    用了^^谢谢

    回复删除
  37. Xiiao xiN❤2011年5月23日 20:28

    padding在哪呢？

    回复删除
  38. じ☆ve AppLe2011年5月26日 15:57

    xiao xinz
    修改html那边~

    回复删除
  39. じ☆ve AppLe2011年5月26日 16:28

    mike
    去设计》修改html 下面那边能换

    回复删除
  40. 匿名2011年6月3日 16:37

    还有别的图片选吗 ?

    例如 : 心形 的 -> ♥

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

    回复删除
  41. x XiiaoQi x2011年6月3日 21:34

    我找不到 h2.date-header { 的？

    回复删除
  42. じ☆ve AppLe2011年6月4日 18:42

    mandy
    你用新模板吗？

    回复删除
  43. じ☆ve AppLe2011年6月4日 18:44

    Xiiao Yee
    ❤的图片你要自己去找哦，我没负责帮人找图片的。
    放右边可以啊~

    回复删除
  44. 匿名2011年6月6日 14:27

    好的 , 谢谢 (:

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

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

    回复删除
  45. じ☆ve AppLe2011年6月6日 20:01

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

    回复删除
  46. 匿名2011年6月9日 14:24

    蛤 , 我是新模板的噢 ><

    回复删除
  47. じ☆ve AppLe2011年6月9日 14:28

    哦~那就弄不到咯~
    不好意思啊~

    回复删除
  48. chu yuan2011年6月12日 21:35

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

    http://night-yuan.blogspot.com

    回复删除
  49. じ☆ve AppLe2011年6月13日 20:00

    请看这里

    回复删除
  50. じ☆ve AppLe2011年6月13日 20:00

    http://yes-apple.blogspot.com/2011/06/blog-post_08.html

    回复删除
  51. (wen wen)2011年6月15日 14:25

    去那里修改HTML ? 那里的? =] 教我一下下...Plzz =] 谢谢

    回复删除
  52. Twinkle 亦雯2011年6月15日 14:31

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

    回复删除
  53. じ☆ve AppLe2011年6月15日 17:00

    wenwen
    设计那边的修改html

    回复删除
  54. Mandy.Lee2011年7月10日 22:37

    只可以放一张照片吗？我要放多一张在旁边行吗？教教我~ ^^

    回复删除
  55. Mandy.Lee2011年7月11日 10:19

    only can put 1 pic??
    如果要在旁边放多一张可以吗？
    ^^

    回复删除
  56. 恩恩2011年7月13日 20:53

    为什么我弄不到滴？ O.o 帮帮我~谢谢~ ： ]

    回复删除
  57. 恩恩2011年7月13日 20:57

    要怎么弄？ 帮帮我~ 拜托~ 谢谢 : ]

    回复删除
  58. じ☆ve AppLe2011年7月16日 18:33

    新模板做不到的~

    回复删除
  59. Sandy2011年7月17日 13:56

    做么我不能的？？@@

    回复删除
  60. じ☆ve AppLe2011年7月17日 14:42

    你用新模板？

    回复删除
  61. 地鼠2011年7月28日 19:25

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

    回复删除
  62. じ☆ve AppLe2011年7月28日 19:28

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

    回复删除
  63. Happiness (‘∀’●)♡2011年8月8日 15:13

    這是藕的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; )

    回复删除
  64. じ☆ve AppLe2011年8月13日 10:25

    我不明白你在说什么@@

    回复删除
  65. Jaycee Wong Siew Sang2011年8月21日 13:54

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

    回复删除
  66. じ☆ve AppLe2011年8月26日 18:42

    你是指对什么的影响啊？

    回复删除
  67. Xinying2011年9月2日 17:52

    为什么我弄不到的 ? TT

    回复删除
  68. 天 秤 メ 婧 娴2011年9月3日 13:51

    改成旧模板的话之前弄的东东会不会不见掉？

    回复删除
  69. じ☆ve AppLe2011年9月3日 16:00

    维霓：
    新模板是弄不到的~

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

    回复删除
  70. Xùe Jiñg2011年9月3日 20:50

    cannot find this(h2.date-header { )

    回复删除
  71. じ☆ve AppLe2011年9月4日 15:55

    新模板是弄不到的~

    回复删除
  72. ıм.ırene2011年10月6日 17:38

    请问下!做么我 按 Ctrl + F 找找不到h2.date-header {
    的？？

    回复删除
  73. じ☆ve AppLe2011年10月21日 20:23

    Irene
    因为你用新模板啊~

    回复删除
  74. 嘉盈 KhaIng2011年10月23日 15:11

    弄到了…谢谢你的代码 :D

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

    回复删除
  75. Elmo筱白2011年10月28日 11:25

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

    回复删除
  76. じ☆ve AppLe2011年11月5日 12:19

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

    回复删除
  77. MIM LING.2011年11月30日 00:00

    找不到 h2
    PEK CEK><

    回复删除
  78. じ☆ve AppLe2011年11月30日 12:51

    新模板弄不到的~
    paiseh==

    回复删除
  79. 玲儿2011年12月2日 17:38

    那些小张的照片~去哪找？

    回复删除
  80. じ☆ve AppLe2011年12月2日 17:41

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

    回复删除
  81. εmιly2012年3月18日 13:25

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

    回复删除
  82. じ☆ve AppLe2012年3月24日 15:37

    嗯嗯~你可以尝试看看哦 :)

    回复删除
  83. YvonneYann2012年11月19日 19:45

    請問要怎樣切換為舊模板啊？

    回复删除
  84. Unknown2013年1月28日 09:39

    请问要怎样才能删掉帖子中表情的框框？

    回复删除
  85. Unknown2013年1月28日 09:44

    请问要怎样才能去除帖子中表情和照片的框框？

    回复删除

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

订阅： 博文评论 (Atom)
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*