博客代码汇总

博客代码汇总

光晕效果文字代码
 
<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=5>要输入的文字</FONT></DIV>
 
--------------
 
2.滚动字代码
 
<marquee border="0" align="middle" scrolldelay="120">要输入的文字</marquee>
 
----------------------
 
4.涂鸦版
 
这个涂鸦板,就是版面设计不好,代码是:
 
<EMBED pluginspage=_Prod_Version=ShockwaveFlash src=http://flash.haoniub.com/flash_data/fe_f/6633.swf width=400 height=300 type=application/x-shockwave-flash quality="high">
 
----------------------
 
5.发光效果
 
<FONT style="COLOR: #FF0033; FILTER: glow(color=blue); FONT-FAMILY: 宋体; FONT-SIZE: 30pt; WIDTH: 100%"><B>要输入的文字</B></FONT>
 
--------------------
 
6.模糊效果
 
<FONT color=#FF0033 style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; WIDTH: 200px">要输入的文字</FONT>
 
----------------------
 
7.在新浪BLOG里加入挂件
 
1*固定位置挂件的源代码:
 
<DIV id=youxia style="RIGHT: 10px; POSITION: absolute; TOP: 100px"><IMG src="图片地址" border=0></A></DIV>
 
说明:以上为右挂件代码,更换RIGHT(右)为LEFT(左),则为左挂件代码
 
2*(挂件)随滚动条上下移动的源代码:
 
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-1020); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-600); TEXT-ALIGN: center"><IMG src="图片地址" border=0></DIV>
 
代码说明:
 
(document.body.clientWidth)-1020);表示图片的左右位置,负数值越大距离左侧越远
 
(document.body.clientHeight)-600);表示图片的上下位置,负数值越大距离下方越远
 
左侧对联代码:
 
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-750); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-350); TEXT-ALIGN: center"><IMG src="图片网址" border=0></DIV>
 
右侧对联代码:
 
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-110); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-350); TEXT-ALIGN: center"><IMG src="图片网址" border=0></DIV>
 
代码说明:
 
1、clientWidth后面负数的绝对值越大,图片越靠近左侧;
 
2、clientHeight后面负数的绝对值越大,图片越靠近上部;
 
3、“图片URL地址”处加入你想用到的图片的URL地址即可,建议使用BLOG内部的图片;
 
注意:前两个参数需要根据图片的实际情况来设定,代码中的8px保持默认即可,无需改动;
 
4、为了显示正常,请将电脑显示器分辨率设置为1024×768。
 
8.制作默林老人代码
 
以下代码的文字可自行修改,动作也可以自行修改,
 
例如--默林老人文件里的动作代码:“宣布” 改为 “变魔术1”就是:
 
Merlin.Play("Announce"); ---修改成---> Merlin.Play("DoMagic1");
 
就是这么简单,其他都不用改,只改("XXX")里面的动作代码!大家慢慢试试看吧! 如何配合得好就看你咯打造个性化的空间老人!动作代码:
 
Merlin.MoveTo(200,200); >飞到坐标(200,200)
 
Merlin.Show(); >显示
 
Merlin.Hide(); >隐藏
 
RestPose >复位
 
Merlin.Stop() >停止
 
Acknowledge >点头
 
Surprised >惊讶
 
GestureUp >手势
 
Pleased >满足
 
Alert >警告
 
Announce >宣布
 
Blink >眨眼
 
Confused >困惑
 
Congratulate >恭喜1
 
Congratulate_2 >恭喜2
 
Decline >拒绝
 
DoMagic1 >变魔术1
 
DoMagic2 >变魔术2
 
DontRecognize >没听清
 
Explain >说明
 
GetAttention >敲一下
 
GetAttentionContinued >不停敲
 
GetAttentionReturn >不敲了
 
Greet >问候
 
Hearing_1 >听1
 
Hearing_2 >听2
 
Hearing_3 >听3
 
Hearing_4 >听4
 
Idle1_1 >1-1
 
Idle1_2 >1-2
 
Idle1_3 >1-3
 
Idle1_4 >1-4
 
Idle2_1 >2-1
 
Idle2_2 >2-2
 
Idle3_1 >3-1
 
Idle3_2 >3-2
 
LookDown >俯视
 
LookDownBlink >俯视眨眼
 
LookDownReturn >俯视眨眼返回
 
MoveUp >上移
 
MoveDown >下移
 
MoveLeft >左移
 
MoveRight >右移
 
Process >熬汤
 
Processing >熬汤
 
Read >读
 
ReadReturn >不读了
 
Reading >正在读
 
ReadContinued >不停读
 
Sad >悲哀
 
Search >查找
 
Searching >正在查找
 
StartListening >听
 
StopListening >捂耳朵
 
Suggest >暗示
 
Uncertain >想飞
 
Wave >挥手
 
Write >写东西
 
WriteContinued >不停写
 
WriteReturn >不写了
 
fly >想
 
使用方法:
 
1.新建一个TXT文档。
 
2.将代码保存 。
 
3.将TXT文档传到网上或者网络U盘上。
 
4.得到TXT文档地址。
 
5.运用以下代码:
 
<div id=Merlin><img src="javascript:Merlin.innerHTML=’<iframe src=http://默林文本的连接地址 width=0 height=0 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>’" style=display:none></div>
 
首先点控制面板,再点建立新模块,勾选源代码,然后把以上代码写在“空白面板中”这一栏里,其他的可以全部不填。
 
考 虑到部分博友没有上传地方(可以申请一个雅虎公文包,把你的文件上传到里面,必须要选择成共享此文件夹,在代码里才能调用,或者申请一个个人主页空间, 为你提供一个地址:www.ik8.com传到里面也可以调用),你也可以直接调用以下代码(效果演示),适合所有的人:
 
<div id=Merlin><img src="javascript:Merlin.innerHTML=’<iframe src=http://www.qqjia.com/learn/q-zone/Merlin.txt width=0 height=0 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>’" style=display:none></div>
 
--------------------
 
9.以图片为背景发表文章
 
制作方法如下:
 
1. 进入发表文章窗口;(想要作背景的图片网络地址应该先前就知道,否则文章做一半又得去找图,多烦!)
 
2. 勾选“显示源代码”---至关重要!
 
3. 在编辑栏内添加下列代码:
 
<table width="450" border="0">
 
<tr>
 
<td height="562" background="http://album.sina.com.cn/pic/48506b8a020001ix"></td>
 
</tr>
 
</table>
 
4. 取消“显示源代码”的选择,你就会在编辑栏看到图片,而且光标也在图片之上(可能光标的首行不在图片的顶端,不过没有关系,尽管从光标的首行可是您的写作就行了,文字会自动顶到图片的顶端);
 
5. 写文章与没有图片一样,完了点击“发表文章”就行了。
 
6. 把红色部分换成你的图片地址就可以了。450和562换成你图片的大校
 
---------------------
 
10.在片里移动的文字.
 
<DIV></DIV>:
 
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
 
<TBODY>
 
<TR>
 
<TD background=http://blog.sina.com.cn/pic/45b5c4dd020000wv>
 
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
 
<MARQUEE scrollAmount=3 behavior=alternate width=500>
 
<P align=center><FONT color=red size=6><B>要输入的文字 </B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
 
--------------------
 
11.滚动字幕代码
 
<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77 onmouseout="this.start()" onmouseover="this.stop()">怎么样能够
 
<BR>把全世界的女人都变成你
 
<BR>那么真好
 
<BR>那么真糟
 
<BR>如果说如果
 
<BR>这个世界上根本没有你
 
<BR>那么
 
<BR>把你的影子缩小成零点零一厘米
 
<BR>移植在我的心底
 
<BR>那么
 
<BR>我一声迟到了三千六百五十天的叹息
 
<BR>忽然幻化成清越神妙的风笛
 
<BR>偷偷地告诉我
 
<BR>爱
 
<BR>应该找另外一个字代替
 
<BR>你</MARQUEE>
 
怎 么样让滚动的文字让它成彩色?首先点发表文章,(如果是让它显示在面板里就点控制面板,定制我的首页,点添加模块,创建自定义空白面板)下面的部分都一 样了勾选源代码——切记,很重要,出现<DIV></DIV>,然后把以上代码粘贴到<DIV>< /DIV>后,然后去掉显示源代码前的对号,出现了文字,对吧,双击(一定要双击)出现的文字,出现一个像虚线那样的框,把我所有的文字都删除,写 上你想滚动的文字。然后运用上面的word编辑文字的字体,颜色啊上面的就可以了。想让它在多大的范围内滚动只需要拖动那个框的边就可以了。
 
--------------------
 
12.改变新浪博客图.
 
<STYLE type=text/css>
 
body
 
{background:url(页面背景图片) repeat
 
scroll!important;}
 
.logo
 
{background:url(题图logo图片) 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;}
 
.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("正文背景图片");}
 
</STYLE>
 
gbook .up{
 
background:url(’留言板标题栏上翻时的图片’) no-repeat;
 
}
 
.gbook .down{
 
background:url(’留言板标题栏下翻时的图片’) no-repeat;
 
}
 
.feeds .page{
 
background:url("正文文章页数图片") no-repeat center;
 
}
 
注意以下代码在文本输入框中勾上显示源代码后,才能正常使用
 
如何使用代码更改自己的Banner通栏+背景图片。
 
1.BANNER
 
剪切或制作一张大小为770*135象素(勿用其它大小的图片)的个性化Banner通栏图或者动画;
 
2,将制作好的图或者动画上传到网上生成一个图片或动画的网址;
 
3,将该网址复制入写好的代码相应“网址”位置中即可。
 
图片Banner通栏代码如下:
 
<CENTER><IMG style="LEFT: 104px; POSITION: absolute; TOP: 55px" align=right src=网址 width=770 height=135></CENTER>
 
动画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.背景图片修改
 
图片背景方式。支持后缀为
 
静态图片:*.jpg*.bmp
 
动态图片:*.gif
 
加入以下代码
 
<STYLE type=text/css>
 
body
 
{background:url(网址);}
 
</STYLE>
 
或将以下代码加入文章开头
 
<div style=’background:url(网址);’>
 
动画背景方式。支持后缀格式*.swf
 
<EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" src="SWF文件网址" width=800 height=500 type=application/x-shockwave-flash wmode="transparent" quality="high">
 
代码中的红色和橘色中的数字表示动画效果的缩放比例。
 
2.如何在BLOG里加入音乐
 
1.加入背景音乐--无播放器
 
代码1,
 
<BGSOUND src="音乐文件网址" loop=infinite>
 
 
代码2,
 
<img dynsrc="音乐文件网址" loop=infinite>
 
注意:这里是添加在已经建立好、有内容的模板里。
 
此用法也适用于加入文章中的源代码后。变成某个文章的背景音乐。
 
2.加入播放器,使用播放器播放背景音乐;(可以单独新建模板)
 
1,Windows Media Player播放器的2种代码方式。
 
1,代码a:
 
<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>
 
绿色"playCount" VALUE="infinite">中的 infinite可以替换为数字,表示重复播放多少次,如果不更改表示永久循环播放;
 
“NAME="autoStart" VALUE="1">”的“VALUE="1"”表示是否自动播放,更改为"0"时不会自动播放,"1"的时候是自动播放。
 
2,万能播放器代码b:
 
<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>
 
蓝绿色引号里的数字表示重复播放次数,可替换成你想要的数字,如果需要改成永久循环可以修改为"infinite"。
 
有很多朋友问如何连续播放多首歌曲
 
我找到了一 个方法
 
你可以到http://www.onlybeloved.com/player/index.asp
 
申请账号
 
进行相关填写,得到代码
 
添加
 
我试过了
 
是成功的
 
但有时会不稳定
 
3.新歌爬升榜、搞怪歌曲榜、歌曲热搜榜代码
 
大小:170*244
 
新歌爬升榜
 
<script language="JavaScript" type="text/JavaScript" src="http://code.qihoo.com/ad_bcast/news.js?a=2113&b=1003&p=2007&nt=&m=152081"> </script>
 
搞怪歌曲榜<script language="JavaScript" type="text/JavaScript" src="http://code.qihoo.com/ad_bcast/news.js?a=2114&b=1003&p=2007&nt=&m=152081"> </script>
 
歌曲热搜榜<script language="JavaScript" type="text/JavaScript" src="http://code.qihoo.com/ad_bcast/news.js?a=2115&b=1003&p=2007&nt=&m=152081"> </script>
 
468*179
 
唱片精选(有图片)<script language="JavaScript" type="text/JavaScript" src="http://code.qihoo.com/ad_bcast/news.js?a=2121&b=1003&p=2007&nt=&m=152081"> </script>
 
170*318
 
歌曲爬升榜
 
<script language="JavaScript" type="text/JavaScript" src="http://code.qihoo.com/ad_bcast/news.js?a=2116&b=1003&p=2007&nt=&m=152081"> </script>
 
468*239
 
新歌爬升榜+搞怪歌曲榜<script language="JavaScript" type="text/JavaScript" src="http://code.qihoo.com/ad_bcast/news.js?a=2117&b=1003&p=2007&nt=&m=152081"> </script>
 
新歌爬升榜+热搜歌曲榜<script language="JavaScript" type="text/JavaScript" src="http://code.qihoo.com/ad_bcast/news.js?a=2120&b=1003&p=2007&nt=&m=152081"> </script>
 
760*150
 
新歌爬升榜+搞怪歌曲榜<script language="JavaScript" type="text/JavaScript" src="http://code.qihoo.com/ad_bcast/news.js?a=2110&b=1003&p=2007&nt=&m=152081"> </script>
 
新歌爬升榜+歌曲热搜榜
 
<script language="JavaScript" type="text/JavaScript" src="http://code.qihoo.com/ad_bcast/news.js?a=2112&b=1003&p=2007&nt=&m=152081"> </script>
 
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>
 
没有经验红色数字请不要更改,以免破坏也面效果
 
透明FLASH<P align=center><EMBED src=透明FLASH地址 width=524 height=393 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P>
 
5.滚动字幕:
 
<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>
 
7.添加搜索引擎代码
 
百度的
 
<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=aiyat&cv=1&cid=31577&csid=102&rkcs=2&bgcr=EDEDEB&ftcr=FF0000&rk=1&bd=1&bdas=0">
 
</iframe></div>
 
更多见http://so.99su.com/baidu.htm
 
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="http://www.google.com/logos/Logo_40wht.gif"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="http://www.chjia.com"</br>
 
<input type=radio name=sitesearch value="">全球搜索
 
<input type=radio name=sitesearch value="http://www.chjia.com" checked> 本站搜索<br>
 
</font></FORM></div>
 
把 http://www.chjia.com 文字请替换成你的网站地址
 
更多代码见http://so.99su.com/fc.htm
 
8.文字移动代码
 
<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">这里是移动文字内容</font></div></marquee>
 
9.图片链接移动代码
 
<marquee onmouseover=this.stop() onmouseout=this.start() scrollamount="1" scrolldelay="60" direction="up" width="200" height="230"><div align="center"><a href="http://myok.blogchina.com/1574968.html" target="_blank"><img src="http://www.guilintour.net/pic/upload/200471269665.jpg" width="200" border="0" /></a></div><div align="center"><a href="http://myok.blogchina.com/1575395.html" target="_blank"><img src="http://ccd.zjonline.com.cn/images/txtp/yzyh007.jpg" width="200" border="0" /></a></div></marquee>
 
10.有事您Q我
 
代码:
 
<A href="http://wpa.qq.com/msgrd?V=1&Uin=37482880&Site=http://blog.sina.com.cn/u/1444199281&Menu=yes" target=blank><IMG style="WIDTH: 69px; HEIGHT: 58px" height=78 alt=和我聊天吧! src="http://wpa.qq.com/pa?p=1:37482880:11" width=143 border=0></A>
 
如何在BLOG裏增加水滴傚果
 
操作步骤:
 
进入管理中心:点击设定修改模板—修改主模板切换到源码方式编辑,在最上面插入下面代码就可以了!
 
<CENTER><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=http://www.mydeskcity.com/Images/drip.swf width=700 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></CENTER>