新浪博客技巧分享

来源：www.45fan.com 2016-04-27 06:45:42

新浪博客技巧分享

1.如何使用代码更改自己的背景图片及Banner通栏图片？

步骤如下：

(1)剪切或制作一张大小为770*135象素(勿用其它大小的图片)的个性化Banner通栏图或者动画；

(2)将制作好的图或者动画上传到网上生成一个图片或动画的网址；

(3)将该网址复制入写好的代码相应“网址”位置中即可。

(4)图片背景方式。支持后缀为：静态图片：*.jpg*.bmp；动态图片：*.gif

要进行背景图片修改，请加入以下代码：

图片Banner通栏代码如下：

.banner

{background:url(图片网址) no repeat no scroll!mportant;}

</STYLE>

动画Banner通栏代码如下：

注意：这里是添加在已经建立好、有内容的模板里。

2. 如何使用代码更改自己的背景图片？

(1)图片背景方式。支持后缀为：静态图片：*.jpg*.bmp；动态图片：*.gif

要进行背景图片修改，请加入以下代码：

body

{background:url(网址) repeat scroll!important;}

</STYLE>

或将以下代码加入文章开头

(2)动画背景方式。支持后缀格式*.swf

将背景和Bannner图片修改统合起来就是：

body

{background:url(网址) repeat scroll!important;}

.logo

{background:url(网址) no repeat no scroll!mportant;}

.banner

{background:url(网址) no repeat no scroll!mportant;}

</STYLE>

3.在BLOG里加入音乐

(1)加入背景音乐（页面不显示播放器）

代码1：<BGSOUND src="音乐文件网址" loop=infinite>，或

代码2：<img dynsrc="音乐文件网址" loop=infinite>

注意：这里是添加在已经建立好、有内容的模板里。

此用法也适用于加入文章中的源代码后，变成某个文章的背景音乐。

(2)加入播放器，使用播放器播放背景音乐(可以单独新建模板)

Windows Media Player播放器的２种代码

代码1：

注：Name后的英文可以替换为数字，表示重复播放多少次，如果不更改表示永久循环播放；Value的数字表示是否自动播放，更改为"0"时不会自动播放，"1"的时候是自动播放。

万能播放器代码2：

注：Loop后引号里的数字表示重复播放次数，可替换成你想要的数字，如果需要改成永久循环可以修改为"infinite"。

如何连续播放多首歌曲？可以到http://www.onlybeloved.com/player/index.asp申请账号，进行相关填写，得到代码添加，有时会成功，但有时会不稳定。

(3)更简单的音频自动播放代码

(1)新增一个空白面板，点选“源代码”，粘贴代码如下：

歌曲网举例：

春风 http://www2.qglt.com.cn/wsrmlt/club/music/shangjianzhong/09.MP3

友谊天长地久（魂断蓝桥萨克斯） http://www.16800000.com/yinyue/yinyue/youyitianxhang.mp3

回家（萨克斯） http://www.syps.com/ytai/yshu/ysxs/ys101/201.mp3

茉莉花（萨克斯） http://www.xinyudi.com/mp3/11693.mp3

注意：loop="true"表示无限次循环 loop="false"表示自由控制播放次数。等号后面也可以换成任何阿拉伯数字。height="高度值" width="宽度值" 这些同样可以自由调控。此外还应注意：歌曲格式应该为mp3。

(2)点击控制面——BLOG信息设置--定制我的首页，选择添加模块，在出现的提示框中，选中使用该模块，然后保存整个模版。此模块即可自动显示在首页。

4.在文章中加入flash动画

勾上显示源代码后，将以下代码加入所有代码后即可放入你想放置的Flash动画。

注：没有经验红色数字请不要更改，以免破坏页面效果

5.滚动字幕及图片

(1)滚动字幕（向上）设置代码

<P align=left><FONT size=3>此处填入文字</FONT></P></MARQUEE>

另外一种——

<marquee onmouseover=this.stop() onmouseout=this.start() scrollamount="1" scrolldelay="60" direction="up" width="180" height="210"><div><font color="#ff0000"><b>移动文字内容</b></font></div><div><font color="#003366"><b>移动文字内容</b>

</font></div></marquee>

横向滚动字幕代码：

<MARQUEE style="FONT-SIZE: 30pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: "><B>填入需要显示的文字</B></FONT></MARQUEE></DIV>

(2)滚动图片设置代码（向上滚动）

<div align=center><marquee onmouseover=this.stop() onmouseout=this.start() scrollamount="1"

scrolldelay="60" direction="up" width="206" height="80"><div align="center">

</div></marquee></div>

6.QQ及邮箱设置

如果在网页侧栏中，为了美观，可以设置为图标按钮，设置代码如下：

(1)QQ按钮代码

(2)邮箱按钮代码

(3)MSN按钮代码

如果在贴子或正文中，可以不要图标，设置代码如下：

(1)信箱链接代码

<center>点击发邮件给我<a href="mailto:填入邮箱地址">我的信箱</a><br></center>

(2)QQ链接代码

7. 添加搜索引擎代码

(1)百度搜索引擎代码

<div align=center><iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"

framespacing="0" frameborder="0" scrolling="no" width="200" height="30"

src="http://unstat.baidu.com/bdun.bsc?tn=dabaoku&cv=1&cid=31577&csid=102&rkcs=2&bgcr=EDEDEB&ftcr=FF0000&rk=1&bd=1&bdas=0">

</iframe></div>

(2)Google搜索引擎代码

<input type=radio name=sitesearch value="">全球搜索

路由器

电脑

手机

网络

新浪博客技巧分享

推荐阅读