博客代码汇总

来源：www.45fan.com 2016-04-17 12:41:28

博客代码汇总

光晕效果文字代码

<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.涂鸦版

这个涂鸦板，就是版面设计不好，代码是：

----------------------

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*固定位置挂件的源代码：

说明：以上为右挂件代码，更换RIGHT（右）为LEFT（左），则为左挂件代码

2*（挂件）随滚动条上下移动的源代码：

代码说明：

(document.body.clientWidth)-1020);表示图片的左右位置，负数值越大距离左侧越远

(document.body.clientHeight)-600);表示图片的上下位置，负数值越大距离下方越远

左侧对联代码：

右侧对联代码：

代码说明：

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. 在编辑栏内添加下列代码:

<tr>

</tr>

</table>

4. 取消“显示源代码”的选择，你就会在编辑栏看到图片，而且光标也在图片之上（可能光标的首行不在图片的顶端，不过没有关系，尽管从光标的首行可是您的写作就行了，文字会自动顶到图片的顶端）；

5. 写文章与没有图片一样，完了点击“发表文章”就行了。

6. 把红色部分换成你的图片地址就可以了。450和562换成你图片的大校

---------------------

10.在片里移动的文字.

<DIV></DIV>：

<TBODY>

<TR>

<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>应该找另外一个字代替

怎么样让滚动的文字让它成彩色？首先点发表文章，(如果是让它显示在面板里就点控制面板，定制我的首页，点添加模块，创建自定义空白面板)下面的部分都一样了勾选源代码——切记，很重要，出现<DIV></DIV>，然后把以上代码粘贴到<DIV>< /DIV>后，然后去掉显示源代码前的对号，出现了文字，对吧，双击（一定要双击）出现的文字，出现一个像虚线那样的框，把我所有的文字都删除，写上你想滚动的文字。然后运用上面的word编辑文字的字体，颜色啊上面的就可以了。想让它在多大的范围内滚动只需要拖动那个框的边就可以了。

--------------------

12.改变新浪博客图.

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通栏代码如下：

动画Banner通栏代码如下：

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

2.背景图片修改

图片背景方式。支持后缀为

静态图片：*.jpg*.bmp

动态图片：*.gif

加入以下代码

body

{background:url(网址);}

</STYLE>

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

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

代码中的红色和橘色中的数字表示动画效果的缩放比例。

2.如何在BLOG里加入音乐

1.加入背景音乐--无播放器

代码1,

或

代码2,

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

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

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

1,Windows Media Player播放器的２种代码方式。

1,代码a：

绿色"playCount" VALUE="infinite">中的 infinite可以替换为数字，表示重复播放多少次，如果不更改表示永久循环播放；

“NAME="autoStart" VALUE="1">”的“VALUE="1"”表示是否自动播放，更改为"0"时不会自动播放，"1"的时候是自动播放。

2,万能播放器代码b：

蓝绿色引号里的数字表示重复播放次数，可替换成你想要的数字，如果需要改成永久循环可以修改为"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=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

歌曲爬升榜

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>

新歌爬升榜+歌曲热搜榜

4.在文章中加入flash动画

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

没有经验红色数字请不要更改,以免破坏也面效果

透明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.滚动字幕：

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的

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

</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.图片链接移动代码

10.有事您Q我

代码：

如何在BLOG裏增加水滴傚果

操作步骤：

进入管理中心：点击设定修改模板—修改主模板切换到源码方式编辑，在最上面插入下面代码就可以了！

路由器

电脑

手机

网络

博客代码汇总

推荐阅读