加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

详细介绍添加博客个性横幅的方法

(2007-04-18 12:24:38)
分类: 小妙招儿
详细介绍添加博客个性横幅的方法最近有很多人问我关于博客个性横幅的制作方法!毕竟这是一个博客精神面貌的重要体现!所以马虎不得!但由于留言板的限制不能详细介绍,所以今天特写一篇文章,希望对大家有所帮助!
 
第一步:制作横幅图片
 
这里需要注意的是图片的宽度为770,至于图片的高度可以随意,因为妞儿爸今天会介绍大家一个代码,这个代码不仅可以添加横幅还可以自由定义横幅的高度!怎么样不错吧!但您也别把图片的高度做得太大,像个露天广告牌子似的!(美妞儿博客横幅尺寸为:770x266)
如果您觉得简单的横幅图片还不足以显示您张扬的个性,也可以把宝宝的照片进行抠图处理后与横幅背景图片结合在一起。由于抠图的方法太多了,而且需要用到PHOTOSHOP,所以在这里暂不介绍!
 
第二步:将制作好的博客横幅图片上传到新浪博客相册,并获得链接地址
 
横幅图片制作好后就可以传到您个人的新浪博客相册里了,其实传到其它的网络相册也可以,不过有些网络相册会自动将你的图片尺寸压缩!上传的方法是:点击管理博客-上传图片-浏览(选择你要上传的图片)-上传(注意图片大小要控制在300K以内,否则不让上传)
详细介绍添加博客个性横幅的方法详细介绍添加博客个性横幅的方法
 
图片上传成功后进入相册,在刚上传的图片上鼠标点击打开,然后在新打开的图片上点击鼠标右键-属性,这样就获得了图片的链接地址了!
详细介绍添加博客个性横幅的方法详细介绍添加博客个性横幅的方法
 
第三步:添加博客个性横幅
点击管理博客-维护首页内容-自定义空白面板(进入编辑)-新增
先起个面板标题名称然后在编辑框框里点一下鼠标并按一下空格键!再点击一下显示源代码前的小方框将以下代码复制并粘贴到编辑框框里!然后点保存!
 <STYLE type=text/css>.banner
{background:url("横幅图片链接地址") no repeat no scroll!mportant;}.banner
{height:266px} </STYLE>

 

注意将上面代码中的绿色字替换成你的横幅链接地址,蓝色的266是横幅的高,一定要和你的横幅高一致!

详细介绍添加博客个性横幅的方法详细介绍添加博客个性横幅的方法

上面的操作完成后点击管理博客-定制我的首页-添加模块

在弹出的框框中选择你刚添加的模块并点击下面的选取!

详细介绍添加博客个性横幅的方法详细介绍添加博客个性横幅的方法

 

好了!大功告成!现在博客面貌焕然一新了!

 

真诚邀请你加入

点击加入

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有