教程 | sidebar标题旁放图片

旧模板



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



如果你找不到就自己加进HTML里。


2. 在step 1 的代码下面paste这些



如图:



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


新模板

按Ctrl + F 找以下代码 :


把下面的代码paste在h2 { 下面 :


完成~

50 条评论:

  1. 看起來。。。。跟你post的咚咚。。。你想當網頁設計師嗎?

    回复删除
  2. 谢谢你の教程~让我的部落又增添了美感~谢谢^^

    回复删除
  3. 那那个sidebar又怎样移去旁边?

    回复删除
  4. 恩^^因为我的sidebar是在右边的嘛,我想看看移去左边会有什么变化...

    回复删除
  5. 很简单。
    你去修改html>按ctrl+f 找
    /* Outer-Wrapper

    然后#main-wrapper { 那边你会看到有
    float: left;
    你把left改成right。

    然后#sidebar-wrapper {
    那边的float你把right改成left

    保存起来即可=)

    回复删除
  6. 这个是全部Sidebar都能用的吗?
    因为我是左右都有

    回复删除
  7. 你的blog更nice阿。我拿了你的素材哦。你的blog没有cbox?

    回复删除
  8. 你放代码的框框怎样弄的?

    回复删除
  9. 对了。。请问你怎么弄多少访客来过的那个东西吖?可以教教我吗?谢谢^^

    回复删除
  10. 我的找不到那个字,
    想问要在那里把那个html放下去啊?

    回复删除
  11. 我找不到 .sidebar h2 { 捏。。。

    回复删除
  12. 我找不到 .sidebar h2 { 捏~

    回复删除
  13. 谢谢你~:)
    我大概明白了~

    回复删除
  14. 那个 .sidebar h2 { 要放在那里啊?~~~

    回复删除
  15. 你用的是新模板所以找不到啊~

    回复删除
  16. 如果找不到 .sidebar h2 {
    我要怎样弄呢?

    回复删除
  17. 我按Ctrl+F,只是出现:

    Find:
    ()Match whole word only ()Match case

    罢了……

    回复删除
  18. 弄到是弄到
    不过连起来的
    怎么办

    回复删除
  19. 这个我找没有哦=.=
    请问要添加在那里呢?

    不好意思 我很多疑问==

    回复删除
  20. 我找不到你所给的代号,,
    如果你要我加在HTML那里,,
    那要怎样加啊?

    回复删除
  21. 你用新模板吧?新模板弄不到这教程哦~

    回复删除
  22. 我需要你帮忙哦,
    我已把图放sidebar了,可是图跟title相叠哦
    有办法让他们分开吗?

    麻烦来我这里看看问题所在哦,TQ >.<

    回复删除
  23. 你去参考这篇 http://yes-apple.blogspot.com/2010/11/blog-post_06.html 的注意、大概就会懂了~

    回复删除
  24. 我成功了,谢谢你哦
    感激~~^^

    回复删除
  25. 找不到的话、怎样加去 HTML 里?

    回复删除
  26. 按right click,copy image location就有了^^

    回复删除
  27. 如果我的html里找不到那个字,
    请问我要在哪里把那个html放下去呢?

    回复删除
  28. 抱歉啊,这个教程只适合旧模板罢了@@

    回复删除
  29. 这里有
    http://www.glitter-graphics.com/

    回复删除
  30. 抱歉啊,这个教程只适合旧模板罢了@@

    回复删除
  31. 其實新模版的也可以用這個教程。
    ctrl+f 尋找 h2 { 就可以了。
    把代碼放在 h2 { 後面就會出現效果了 :)

    回复删除
  32. 做麽我找不到 .sidebar h2 { 的 ?

    回复删除

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