html代码 通用代码,新浪博客通用html代码及其使用方法

经常上新浪博客又偶尔看到有些NX的博客总会把自己的领地打扮得漂漂亮亮的，总给人一种神圣敢，让人羡慕不已。其实方法很简单，你也可以轻松打造！

首先，你登陆你的博客 > 控制面板 > 首页内容维护 >

自定义空白面板 > 新增 >

填写标题，然后最重要的一步是选一下“显示源代码”，最后就是直接将如下通用代码修改一下，填写到你的正文区并“保存”。这样，你的代码就OK了！

这个时候你预览你的博客，还看不到你需要的效果，你还需要显示你的杰作，步骤是，控制面板

> 定制我的首页 > 添加模块 > 选取刚刚创建的模块 >

保存并刷新。

搞定，生活就这么简单！~

以下是芹晴搜集并整理的几个通用代码，仅供大家参考：

音乐和视频

嵌入：

type=audio/mpeg loop="true">

背景：

width--播放器宽度

height-播放器高度

loop---重复播放次数，其中-1为无限次

autostart-是否自动播放

Flash

嵌入：

pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash

src="SWF文件网址" width=480 height=360

type=application/x-shockwave-flash quality="high">

前景：

align=center src=SWF文件网址 width=700 height=400

type=application/x-shockwave-flash wmode="transparent"

quality="high">

网页(如天气预报)

height=240>

挂件

src="挂件图片地址" border=0>

鼠标指针

a:hover {cursor:url('鼠标文件网址a')}

BODY {cursor:url('鼠标文件网址b')}

新浪博客各部分背景代码一览

body

{background:url("页面大背景图片地址") repeat

scroll!important;}

.logo

{background:url("题图上背景图片地址") no repeat no

scroll!mportant;}

.banner

{background:url("题图下背景图片地址") no repeat no

scroll!mportant;}

.menu

{background:url("题图下的菜单背景图片地址") no-repeat

center;}

.feeds .up

{background:url("正文标题栏上翻时的图片") no-repeat center;}

.feeds .down

{background:url("正文标题栏下翻时的图片") no-repeat center;}

.feeds .function

{background:url("正文摘要结尾处菜单的图片") no-repeat right;}

.feeds .page

{background:url("正文文章页数图片") no-repeat center;}

.links .up

{background:url("面板标题栏上翻时图片");}

.links .down

{background:url("面板标题栏下翻时的图片");}

.links .mid

{background:url("面板的背景图片地址");}

.photo .mid

{background:url(个人形象照片处的背景图片地址);}

.label .mid

{background:url("自定义面板的背景图片地址");}

.calendar .mid

{background:url("日历面板背景图片地址");}

.callboard .up

{background:url("公告栏标题栏上翻时图片");}

.callboard .down

{background:url("公告栏标题栏下翻时图片");}

.callboard .mid

{background:url("公告栏背景图片地址");}

.bodyBg

{background:url("页面内背景图片地址");}

.bodyBottom

{background:url("正文背景图片");}

.gbook .up

{background:url("留言板标题栏上翻时的图片地址") no-repeat;}

.gbook .down

{background:url("留言板标题栏下翻时的图片地址") no-repeat;}