新浪的博客制作技巧(很实用的7项)
1.如何使用代码更改自己的背景图片及Banner通栏图片?
步骤如下: (1)剪切或制作一张大小为770*135象素(勿用其它大小的图片)的个性化Banner通栏图或者动画; (2)将制作好的图或者动画上传到网上生成一个图片或动画的网址; (3)将该网址复制入写好的代码相应“网址”位置中即可。 (4)图片背景方式。支持后缀为:静态图片:*.jpg *.bmp;动态图片:*.gif
要进行背景图片修改,请加入以下代码: 图片Banner通栏代码如下: <DIV align=left><IMG src="图片网址" align=left></DIV> <STYLE type=text/css> .banner {background:url(图片网址) no repeat no scroll!mportant;} </STYLE>
动画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> 注意:这里是添加在已经建立好、有内容的模板里。
2. 如何使用代码更改自己的背景图片?
(1)图片背景方式。支持后缀为:静态图片:*.jpg *.bmp;动态图片:*.gif 要进行背景图片修改,请加入以下代码: <DIV align=left><IMG src=" 网址" align=left></DIV> <STYLE type=text/css> body {background:url(网址) repeat scroll!important;} </STYLE> 或将以下代码加入文章开头 <div style='background:url(网址);'>
(2)动画背景方式。支持后缀格式 *.swf <EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" src="SWF文件网址" width=800 height=500 type=application/x-shockwave-flash wmode="transparent" quality="high">
将背景和Bannner图片修改统合起来就是: <DIV align=left><IMG src=" 网址" align=left></DIV> <STYLE type=text/css> 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播放器的2种代码
代码1: <DIV><OBJECT id=videowindow1 height=185 width=179 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6><PARAM NAME="URL" VALUE="音乐文件网址"><PARAM NAME="playCount" VALUE="infinite"><PARAM NAME="autoStart" VALUE="1"><PARAM NAME="volume" VALUE="50"><PARAM NAME="uiMode" VALUE="full"><PARAM NAME="stretchToFit" VALUE="1"></OBJECT></DIV>
注:Name后的英文可以替换为数字,表示重复播放多少次,如果不更改表示永久循环播放;Value的数字表示是否自动播放,更改为"0"时不会自动播放,"1"的时候是自动播放。
万能播放器代码2: <DIV><EMBED id=mePlay style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,5,0803 src=音乐文件网址 width=179 height=185 type=application/x-oleobject classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" standby="Loading Windows Media Player components..." loop="3"></EMBED></DIV>
注:Loop后引号里的数字表示重复播放次数,可替换成你想要的数字,如果需要改成永久循环可以修改为"infinite"。 如何连续播放多首歌曲?可以到http://www.onlybeloved.com/player/index.asp申请账号,进行相关填写,得到代码添加,有时会成功,但有时会不稳定。
(3)更简单的音频自动播放代码
(1)新增一个空白面板,点选“源代码”,粘贴代码如下: <embed src=歌曲网址 width=200 height=50 type=audio/mpeg loop="true" autostart="true">
歌曲网举例: 春风 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动画。 <P align=center> <EMBED 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"></P> 注:没有经验红色数字请不要更改,以免破坏页面效果
5.滚动字幕及图片
(1)滚动字幕(向上)设置代码 <DIV align=center> <DIV style="OVERFLOW: auto; WIDTH: 159px; HEIGHT: 145px"> <MARQUEE class=p131 scrollAmount=1 scrollDelay=60 direction=up height=145 onmouseover="this.stop()" onmouseout="this.start ()" align="left" WIDTH: 200px;> <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>
横向滚动字幕代码: <DIV align=center> <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"> <a href="链接地址" target="_blank"> <img src="图片地址" width="210" border="0" /></a> </div></marquee></div>
6.QQ及邮箱设置
如果在网页侧栏中,为了美观,可以设置为图标按钮,设置代码如下:
(1)QQ按钮代码 <a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=你的QQ号&Exe=QQ&Menu=yes> <img border="0" SRC="你的自定义图标网址"></a>
(2)邮箱按钮代码 <a href="mailto:你的电子信箱地址"><img border="0" SRC="你的自定义图标网址"></a>
(3)MSN按钮代码 <a target=blank href=http://msnim:chat?contact=mirrorwqc@hotmail.com><img border="0" SRC="你的自定义图标网址" alt=点击此处与我MSN交谈></a>
如果在贴子或正文中,可以不要图标,设置代码如下:
(1)信箱链接代码 <FONT SIZE="2"><span style="font-size:9pt"> <center>点击发邮件给我<a href="mailto:填入邮箱地址">我的信箱</a> <br></center>
(2)QQ链接代码 <FONT SIZE="2"><span style="font-size: 9pt"> <center><a href=http://wpa.qq.com/msgrd?V=1&Uin=此处填QQ号码&Exe&Menu=yes>我的QQ</a> </center>
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搜索引擎代码
<div align=center><FORM method=GET action="http://www.google.com/search" target=_blank> <input type=hidden name=ie value=GB2312> <input type=hidden name=oe value=GB2312> <INPUT TYPE="hidden" NAME="hl" VALUE="zh-CN"> <A HREF="http://www.google.com/" target=_blank> <IMG SRC=" " border="0" ALT="Google" height="20px"></A><INPUT TYPE=text name=q size=12 maxlength=255 value=""> <INPUT type=submit name=btnG VALUE="搜索"> <input type=hidden name=domains value="你的网站地址"</br> <input type=radio name=sitesearch value="">全球搜索 <input type=radio name=sitesearch value="你的网站地址" checked> 本站搜索<br></font></FORM></div>
| |