http://blog.sina.com.cn/chenyanli[订阅]
字体大小: 正文
美化博客之工具篇(十二)-如何更改博客中的通栏图(2006-05-06 08:09:51)
 
 
美化博客之工具篇(十二)-如何更改博客中的通栏图
 
 
       好多博友都喜欢自己设计或者找一些漂亮的图片或者动画来更改新浪博客自带的通栏图,就是博客首页最上方那一长条的图片或者动画。其实我自己不喜欢更改,一是懒,不愿意自己设计,不愿意找,再者是感觉新浪自带的通栏图很好看,第三也是怕下载太慢。我现在已经忍痛割爱了好多有趣的面板了,就是因为打开博客越来越慢,影响我的情绪。虽然写了好多美化博客的文章,可是后来的朋友根本看不到我的博客中有这些东西了,没办法,除非新浪博客升级,让打开博客快快的,这样我再加上这些面板也不迟。废话少说,还是说说如何更改博客中的通栏图吧
       通栏图也叫banner,首先大小必须是770×135象素,如果尺寸不对页面就会变形的,这点切记。
       1、点击控制面板-首页维护-自定义空白面板-找到已经存在的任何一个面板-勾选“显示源代码”
       2、在这个面板以前的代码后面加上以下代码
<STYLE type=text/css>
.banner
{background:url(图片网址) no repeat no scroll!mportant;}
</STYLE>
       3、保存-返回
       4、回到首页,就能看到你更改好的通栏图了
注明:1、图片网址就是你自己加工的或者是网上找到的图片,自己加工的图片必须上传到网上,否则不能成功
         2、还有一种代码也可以改变通栏图
<CENTER><IMG style="LEFT: 117px; POSITION: absolute; TOP: 55px" align=right src=图片网址 width=770 height=135></CENTER> 这个代码也可以更改通栏图,但是会挡住你的博客原通栏图上的博客名字和连接,而且很容易改错,不推荐,适用于有一定技术可以自行在图片上添加链接的博友。
         3、动画Banner通栏代码如下:
<CENTER><EMBED style="LEFT: 104px; POSITION: absolute; TOP: 55px" align=right src=网址 width=770 height=135 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></CENTER>
         好了,如果成功了别忘了告诉我一声啊

  • 评论加载中,请稍候...
发评论    明星私家相册

验证码:看不清楚数字吗?点击这里再试试。收听验证码

发评论

以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

相关博文
读取中...
推荐博文
读取中...