随机文章

2010年7月22日星期四

Blogger部落格添加背景图片

如何为自己的部落格添加背景图片?
替换代码就能实现自定义部落格背景了
新版本现在已经可以在blogger模板设计器选择背景图片了,至于旧的就需要自己修改代码来实现了

新版本旧版本都能弄到(亲身试验证明可以,本来以为不行的)
http://uknow9099.blogspot.com/    
下载的模板可能就弄不到了


详细版图文教学



 不知道自己的部落格是什么版本?

新版本,能够选择背景图片的就是了吧


至于旧的或者下载的模板就会出现以下情况

————————————————————————
修改代码的方法

1.备份模板

2.到你的部落格--Design-->Edit HTML-->将右上角的Expand Widget Templates打 勾
   到你的部落格--设计-->修改 HTML-->将右上角的扩展窗口小部件模板打 勾
  
3. ctrl + F 搜寻以下代码

 background: $(body.background);
ps;如果搜索不到上面那个代码就搜索body看看有没有类似的代码

4. 将以下代码替换上面那行代码(也就是把  background: $(body.background); 换成下面的代码),
PS:是替换不是添加

background:url('图片网址') fixed center no-repeat;


5.保存模板,完成



 还是不了解?请看以下图片

 只要有这个background: $(body.background);就一定能弄到
位置大约在这个地方
这是替换代码之前 ,就是搜索这个代码
 替换之后应该是这样的,保存就行了



fixed center , no repeat的效果。背景会放到最大,并且不会重复


图片的网址获得方法,右键 copy image location, 建议图片上传至 picasa web albums

1 条评论:

linkpost

Related Posts with Thumbnails

页数