青春飞扬

网易博客美化教程完整终极版

2006年09月14日 23:26:13 作者：梅香傲雪

     提示：近来有许多网友反映在日志以及自定义的HTML栏目中使用的一些代码会被网易系MSN Space（现更名为Windows Live Space)一样，系统为了防止网友在日志中放入有害的代码就将所有的<script>标签，<iframe>标签过滤，博客添加自定义HTML时，只能添加6500个字符以内的代码。这给不少网友带来了麻烦，许多特效代码无法使用。我在这里提供一些实用美化代码与大家分享,另外，需转载的朋友，请注明来源，谢谢！

一、基本知识：

1、登陆：首先进入http://www.blog.163.com，用户名和密码：你原来网易的用户名和密码，即可登陆。

2、点击“预览我的博客”进入“编辑我的博客”状态。

3、进入“关于我”界面。填写你的基本资料。

4、进入“排版 ”会出现.

（1）、点击“风格”，选择你需要的博客的风格。



（2）、点击“模块”选择你需要显示的模块.



（3）、点击“版式”，选择你需要的版式。

5、添加“自定义模块”增加你的新栏目。这部分需要一些代码来完成。

6、模块排序：登录后，在“编辑”状态下，可对首页上的日志、图片和个人资料等多个模块使用用鼠标直接拖移摆放。

二、设置功能：

    相当于博客的后台。在“编辑我的博客”界面下，进入“设置”，就可以在“权限设置”和“高级风格”中勾选权限和设置风格。也可以看到你已使用的空间和访问统计。

1、限制设置：在这里，你可以选择自己的日志、图片是否可见及限制他人的访问权限。

2、存储管理：在这里可以看到已经使用的网络空间。

3、高级风格：网易博客高级风格设置及功能介绍

进入博客，登录后编辑博客，点设置，右边有一选项：

选高级风格，分别可对[顶栏]、[导航栏]、[标题栏]、[背景]、 [底栏]进行个性化的设置。

(1)、顶栏

网易博客提供了多种选择，可任选你喜欢的一种。

在下方对话框，可先选定一个基标色，系统将自动以该基准色为基础自动配成颜色较为协调的各个分色，以适应不同元素的颜色需要，具体分别是页面底色、窗口底色、模块底色、模块标题底色、模块边框、模块标题、日志正文、链接文字、博客名称、模块菜单底色、导航兰文字、说明文字。如果你对部分元素的配色有着特定的偏好，可以在“自定义配色”前打钩。如：需设置日志正文，先单击“日志正文”，再在调色板中选中所需的颜色即可。

(2)、导航栏

单击[导航栏]，任选其中的一种。

(3)、标题栏

单击[标题栏]，任选其中的一种。

(4)、背景

单击[导航栏]，任选其中的一种，并设置图片平铺及图片位置。

如需使用自己的图片，可在“我要上传自己的图片作为页面背景”打钩，在选择所要作背景的图片。

(5)、底栏

单击[底栏]，任选其中的一种。

一切设置好了，点保存。

三、编辑日志：

    首先，登录你的网易博客，确认你的博客处于“编辑”状态，通过点击“日志”选项卡，进入“日志”页面，点击“管理日志”栏下的“添加日志”，即可进入“添加日志”页面，开始日志编辑了。

1、如果想日后方便管理你的网络日志，可在编辑完日志标题和内容后，给日志添加标签或选择类别。

2、网易博客的个人博客首页，是个人快速浏览和管理个人博客的便捷通道。如果你有将“日志”模块显示在首页内，并处于“编辑”状态下，即可通过点击“日志”模块内的“添加”，进入“添加日志”页面。

3、为更有效地展示个人，网易博客提供了图文结合的日志编辑模式。在添加日志时，注意点击文本输入栏下的“添加相片”，即可在日志中加入相片。

4、“切换到预览状态”可以预览日志区局部效果，如果不满意可以点击“返回到编辑状态”，重新修改文章。

另外，你也可以点击页面右上角的“预览我的博客”，预览整个页面。

四、添加好友：

    可通过浏览、查找、和邀请三种方式添加好友。

1、浏览：在浏览别人的网易博客时，通过点击博客导航栏的，即可将对方加为好友。

2、查找：“编辑”状态下，在好友页面，输入对方的博客用户名，点击“查找”，在出现的搜索结果列表中，通过点击，即可将对方加为好友。通过“高级查找”，还可设定“性别”、“年龄”、“地区”等选项查找到他人的博客。

3、邀请：“编辑”状态下，在好友页面，点击“管理好友”栏的“邀请好友”，通过输入对方的邮箱地址，发送邀请函，即可完成好友邀请，接下来就等对方的回应吧。

五、照片功能：

    网易博客提供有两种添加相片方式。网易博客支持gif、jpg、png等格式的图片，单张图片大小不宜超过5兆，在使用批量上传时，一次上传总量不宜超过100兆。

1、上传相片：首先，登录你的网易博客，并确认处于“编辑”状态。通过点击“相片”选项卡，进入“相片”页面，点击“管理相册”栏下的“上传相片”，开始上传。

    网易博客提供两种相片上传方式。

    （1）、Web页面上传

    点击“浏览”从本地电脑选择所要上传的相片，再点击“上传”按钮，进入相片信息填写页面，再点击保存，即可完成相片上传。

    网易博客提供专用的相片上传工具便于你批量上传。初次使用批量上传，会出现下载控件提示，点击“是”即可安装。在右边选择您电脑中想要上传的照片后，点击“开始上传”即可。

2、收藏相片：在浏览别人的网易博客相片时，通过点击图片上方的“收藏”，即可将相应图片加入你的相片“个人收藏”中。

3、管理相片：网易博客提供有重命名、再编辑、删除和分类等相片等管理功能。网易博客提供在线编辑相片功能，可对相册内的图片添加注释、旋转、裁减。

    在“编辑”状态下，进入“相片”页面，即可看到当前的所有相片。此时可进行相片的重命名、添加描述、修改查看权限、设为头像和删除操作。



    在“所有相片”页面点击所要管理的相片，进入“相片”页面，还可对相片进行分类、删除、重命名、添加描述和标签操作。

六、收藏功能：

1、音乐专辑：在线cd架，你的地盘要有声有色，这个可是杀手锏。

    进入“收藏”单元，在管理收藏架的上方，你就可以看到自己的音乐专辑。在这里你可以创建管理你的主题音乐夹。点击“添加音乐”，在输入栏填上你喜欢的歌曲的名称、url、描述文字，就可以了。

收藏夹的音乐将出现在音乐播放器的播放列表里，你可以在这里自由添加喜欢的音乐。

2、在线书架：进入收藏单元，在音乐专辑下可以看到你的心书架。你可以创建添加电子新书，方法与添加音乐相同。同样操作适用于网址档案和个性列表。

七、常用代码：

一，基本代码

1)贴图：<img src="图片地址">

2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a>

3)在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>

4)移动字体(走马灯)：<marquee>写上你想写的字</marquee>

5)字体加粗：<b>写上你想写的字</b>

6)字体斜体：<i>写上你想写的字</i>

7)字体下划线: <u>写上你想写的字</u>

字体删除线: <s>写上你想写的字</s>

9)字体加大: <big>写上你想写的字</big>

10)字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小)

11)更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

13)贴音乐：<embed src="音乐地址" width="宽度" height="高度" autostart=false>

14)贴flash: <embed src="flash地址" width="宽度" height="高度">

15)贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

16)换行：<br>

17)段落：<p>段落</p>

1原始文字样式：<pre>正文</pre>

19)换帖子背景：<body background="背景图片地址">

20)固定帖子背景不随滚动条滚动：<body background="背景图片地址" body

bgproperties=fixed>

21)定制帖子背景颜色：<body bgcolor="#value">(value值见10)

22)帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>

二，制作滚动字幕

1.上下滚动：

小时侯
乡愁是一枚小小的邮票
我在这头母亲在那头
长大后乡愁是一张窄窄的船票
我在这头
新娘在那头
后来呵
乡愁是一方矮矮的坟墓
我在外头
母亲呵在里头
而现在
乡愁是一湾浅浅的海峡
我在这头
大陆在那头

代码：<MARQUEE style="FONT-SIZE: 12px; WIDTH: 132px; COLOR: rgb(34,34,221); LINE-HEIGHT: 17px; HEIGHT: 125px" scrollAmount=1 scrollDelay=1 direction=up height=125>这里是文字<BR></MARQUEE>

2.左右滚动：

放入代码后，点击这里就会出现文字编辑框.然后编辑你自己的文字就可以了。

代码：<marquee direction="left" scrollamount="1" scrolldelay="10" border="0" width=500 >

说明：此代码在IE浏览器中使用效果较好，在火狐等其他浏览器中可能出现文字不滚动等问题。

日志里添加滚动条：

滚动条样式主要涉及到如下CSS属性:
overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容

overflow: auto; 在需要时内容会自动添加滚动条
overflow: scroll; 总是显示滚动条
overflow-x: hidden; 禁止横向的滚动条
overflow-y: scroll; 总是显示纵向滚动条

width: 568px; width: 98%; 设置区域的宽度[像素/百分比等等]

height: 120px; 设置区域的高度[像素/百分比等等]

scrollbar-base-color:#006699;
设置基色设置该选项后可以不设置下面的属性, 浏览器会依据基色自动调整
scrollbar-track-color:rgb(10,100,254); 底板轨迹颜色
scrollbar-3dlight-color: ; 上/左边沿亮边颜色
scrollbar-arrow-color: ; 两端箭头颜色
scrollbar-darkshadow-color: ; 下/右边沿颜色
scrollbar-face-color: ; 表面颜色
scrollbar-highlight-color: ; 上/左斜面亮边框颜色
scrollbar-shadow-color:; 下/右斜面暗边框颜色

颜色设置可参考下列工具：

我们可以改变上边的颜色代码部分，自定义出自己喜欢的样式。

要选择CSS的方式输出代码，得到的代码要经过更改，我们只要颜色的设置部分。

如生成：

<style>
BODY { SCROLLBAR-ARROW-COLOR:#FFFFFF;
SCROLLBAR-FACE-COLOR:#00FF00;
SCROLLBAR-DARKSHADOW-COLOR:#00FF00;
SCROLLBAR-HIGHLIGHT-COLOR:#00FF00;
SCROLLBAR-3DLIGHT-COLOR:#00FF00;
SCROLLBAR-SHADOW-COLOR:#00FF00;
SCROLLBAR-TRACK-COLOR:#CCCCCC;}
</style>

我们只要括号里的东西。

SCROLLBAR-ARROW-COLOR:#FFFFFF;
SCROLLBAR-FACE-COLOR:#00FF00;
SCROLLBAR-DARKSHADOW-COLOR:#00FF00;
SCROLLBAR-HIGHLIGHT-COLOR:#00FF00;
SCROLLBAR-3DLIGHT-COLOR:#00FF00;
SCROLLBAR-SHADOW-COLOR:#00FF00;
SCROLLBAR-TRACK-COLOR:#CCCCCC;

标准的滚动条代码：

<div style="overflow:auto; width:98%; height:100px; line-height:15px; border-width:1px; border-color:#ffccff; border-style:dotted; scrollbar-base-color:#ff66ff; scrollbar-face-color:none; scrollbar-arrow-color:none; scrollbar-track-color:#ffefff; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#f5d8f5; scrollbar-shadow-color:#e5c8e5"><br/>
<div> 这里为文字输入区<br/> 这里为文字输入区<br/> 这里为文字输入区<br/> 这里为文字输入区<br/> 这里为文字输入区<br/><br/><br/>
</div>
</div>

三，为博客添加一个计数器

网易为我们提供了一个访客统计的模块，但这个统计是忽略用户的IP地址，也就是这个统计也记录相同的IP地址的访问。我们在编辑博客时，需要不断的在编辑和预览的状态下进行切换，我们在预览状态下的访问博客也被网易博客的计数器记录下来了。例如，我添加的计数器统计有111位（唯一IP）网友访问了我的博客，但网易博客上的计数器却显示有164人访问（这其中有不少是我自己访问的），差别不小。
    下面给大家介绍如何申请个性化的计数器：
1.进入如下网站：http://www.amazingcounter.com/；
2.点击网站左上角的“”进入申请页面；
3.有很多种类的计数器供选择：

这只是一个种类，网页的下面还有许多种类供选择：

可以点击上面的链接选择其他种类，然后点击下面的“”进入下一步；
4.填写相关资料：

说明：统计类型分为All Hits——所有访问（即忽略IP，记录所有的页面访问数目）、Unique Visits Only——单一IP （只记录单一IP的访问）
然后选中下面的Agreement,表示同意服务条款，点击“进入下一步；
5.好了，你的计数器已经申请成功了！在网页的中间就会看到你的代码，把代码复制下来粘贴的自定义HTML中即可。

四，添加播放器

网易博客已经提供了一个播放器版块，还有在自定义HTML中也可以添加播放器，下面在给大家介绍一种在自定义HTML中添加播放器的代码。

1.不使用播放器

代码：<BGSOUND src="音乐文件地址" loop=infinite>

代码说明：蓝色部分为音乐文件的地址，由于此代码不使用播放器，所以可以加入文章中的源代码后，变成某个文章的背景音乐。

2.Windows Media Player:
效果图片：（由于网易博客中不支持某些HTML语言，所以此播放器无法在日志中显示，因此这里使用图片代替）

代码：<DIV><OBJECT height=185 width=179 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6><PARAM VALUE="音乐文件地址"><PARAM VALUE="infinite"><PARAM VALUE="1"><PARAM VALUE="50"><PARAM VALUE="full"><PARAM VALUE="1"></OBJECT></DIV>

代码说明：蓝色部分为音乐文件的地址，绿色的数字表示是否自动播放，更改为"0"时不会自动播放，"1"的时候是自动播放。

一款很棒的播放器

此播放器可以自动播放而且可以连续播放多首歌曲皮肤也超漂亮

申请地址http://www.einhand.com/   申请后进去选个自己喜欢的皮肤然后把代码复制回来加歌曲也是在那里加

如果大家想在播放器后面家上背景图片的话就打 <TABLE style="WIDTH: 706px; HEIGHT: 164px" borderColor=#00fa9a height=164 width=706 align=center background=背景图片 border=3>
<TBODY>
<TR>
<TD>

这些复制在前面把播放器代码复制在后面刚研究出来呵呵

透明播放器代码

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xray(); WIDTH: 200px; HEIGHT: 40px">
<TBODY>
<TR>
<TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=歌曲地址 width=200 height=30 type=audio/x-mplayer2 loop="-1" autostart="0" volume="0" EnableContextMenu="0" showstatusbar="0" console="video"></TD></TR></TBODY></TABLE>

3.万能播放器代码

效果图片：

代码：

<DIV><EMBED 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"。

五，制作个性名片

编辑-排版-模块-添加自定义 HTML <table width="100%"><tr><td style="padding: 2px;"><img style="border: 1px solid rgb(153, 153, 153); width: 140px; height: 140px;"
src=头像图片地址></td><td valign="top"><table width="100%"><tr><td><img src="/style/common/gg.gif"></td></tr><tr><td><div style="font-weight: bold;font-size:16px;"><a href="邮箱地址">你的名字</a></div></td></tr><tr><td><div>年龄,星座</div></td></tr><tr><td><div>详细地址</div>

由于我只用QQ 所以我只会加QQ在线交谈按钮: QQ个人设置-右下角<生成在线状态> 进去填写好资料后生成网页代码然后全复制过来.

QQ状态生成页面：http://is.qq.com/webpresence/code.shtml

最后记得把网易自带的名片隐藏哦..

六，访问者停留时间计数器

编辑-排版-模块-添加自定义HTML 然后把 <p align=center>您在这里停留了：</p>
<p align=center><IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002uq" width=15><IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002up" width=15> 分 <IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002uo" width=15><IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002un" width=15> 秒</p> 复制上去

还有一个这个比较好看点 <DIV align=center><IMG height=73 src="http://album.sina.com.cn/pic/4723cdbf020002ub" width=32 border=0><IMG height=73 src="http://album.sina.com.cn/pic/4723cdbf020002uc" width=88 border=0><BR><IMG height=47 src="http://album.sina.com.cn/pic/4723cdbf020002ud" width=32 border=0><IMG height=47 src="http://album.sina.com.cn/pic/4723cdbf020002ue" width=88 border=0></DIV><BR>

其中的"您在这里停留了:" 是可以更改的(比如: 你在我的小窝里停留了: 等等)

七，显示来访者IP的代码

编辑-排版-模块-添加自定义HTML

第一个: <P align=center><IMG src=http://hmrmyy.com/sign.aspx/></P>
第二个:<P align=center><IMG src=http://www.myelogo.com/elogo_user/2.jpg></P>
我会继续寻找比较好看的,大家先将就用这2个吧

八，友情连接

编辑-排版-模块-添加自定义HTML 然后把<marquee behavior="scroll" direction=right width="90%" height="100" scrollamount="2" scrolldelay="30" ><a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a></marquee> 复制上去就行了.

要想加多个的话就把<a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a> 加在最后那个</marquee>的前面

其中的 direction= 是图片移动方向 up down right left 任意添写

九，首页FLASH与日志里的FLASH

1)首页FLASH: 找到FLASH地址后点编辑-排版-模块-添加自定义HTML- 点 Flash  复制进去就行了这个很简单

(2)日志里的FLASH: 好多朋友多说为什么我把代码粘贴到日志里但就是显示不出FLASH呢? 我现在就告诉你因为你忘记点下面那个 <代码> 了必须先点一下代码后再复制上去.

日志里FLASH的代码是:

<EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src= FLASH地址 width=800 height=600 type=application/x-shockwave-flash quality="high">

十，添加flash日历：

        16款flash日历代码及添加方法

一、代码：

1.flash日历-游动的鱼代码

<EMBED src=http://www.5blogs.com/rss/3_.swf width=200 height=200 type=application/x-shockwave-flash wmode="transparent" >
2. 飘落的叶子日历代码

<EMBED src=http://www.5blogs.com/rss/2_.swf width=200 height=200 type=application/x-shockwave-flash wmode="transparent" >

3.粗麻布日历代码

<EMBED src=http://ododo.blogbus.com/files/1131281776.swf width=300 height=200 type=application/x-shockwave-flash wmode="transparent" >

4、水滴日历代码：

<embed src="http://www.5blogs.com/rss/8_.swf" width="183" height="202" type="application/x-shockwave-flash" />

5、浮动云彩日历代码：

<embed src="http://www.5blogs.com/rss/4_.swf" width="183" height="202" type="application/x-shockwave-flash" />

6、光束移动日历代码：

<embed src="http://www.5blogs.com/rss/11_.swf" width="183" height="202" type="application/x-shockwave-flash" />

7、翻页日历代码：

<embed src="http://www.5blogs.com/rss/9_.swf" width="183" height="202" type="application/x-shockwave-flash" />

8、猫儿日历代码:

<embed       src="http://i.6to23.com/xianyue/calendar/07.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%"></embed>

9、飞行女日历代码：

<embed       src="http://i.6to23.com/xianyue/calendar/06.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="25%"></embed>

10、青蛙日历代码：

<embed       src="http://i.6to23.com/xianyue/calendar/05.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="25%"></embed>

11、乌龟日历代码：

<embed       src="http://i.6to23.com/xianyue/calendar/04.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="25%"></embed>

12、金鱼日历代码：

<embed       src="http://i.6to23.com/xianyue/calendar/03.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="25%"></embed>

13、探照灯日历代码：

<embed       src="http://i.6to23.com/xianyue/calendar/02.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="25%"></embed>

14、杯中蛇头日历代码：

<embed       src="http://i.6to23.com/xianyue/calendar/01.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="25%"></embed>

15、飞行女2日历代码：

<embed       src="http://i.6to23.com/xianyue/calendar/08.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="25%"></embed>

16、荷花绽放日历代码：

<EMBED src=http://www.5blogs.com/rss/12_.swf width=200 height=200 type=application/x-shockwave-flash wmode="transparent" >

二、添加方法：

      1、在首页顶栏上点击“换衣服”=》在出现的首页顶栏选择“设置首页内容”；

           2、稍后便进入模块选项对话框，然后选择“自定义模块”下面的“添加自定义模块”，片刻之后，首页就会出现一个自定义模块对话框--复制粘贴代码于其中--命名--保存--预览--移动到合适位置后再点击首页顶上面的“保存修改”。

三、效果：

十一，透明播放器代码

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xray(); WIDTH: 200px; HEIGHT: 40px">
<TBODY>
<TR>
<TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=歌曲地址 width=200 height=30 type=audio/x-mplayer2 loop="-1" autostart="0" volume="0" EnableContextMenu="0" showstatusbar="0" console="video"></TD></TR></TBODY></TABLE>

十二，滚动条添加

预览：

小时侯
乡愁是一枚小小的邮票
我在这头
母亲在那头
长大后乡愁是一张窄窄的船票
我在这头
新娘在那头
后来呵
乡愁是一方矮矮的坟墓
我在外头
母亲呵在里头
而现在
乡愁是一湾浅浅的海峡
我在这头
大陆在那头

代码：

<DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px">
<P align=left>在这里输入是文字，也可以是链接</P></DIV>

注：（left）为对齐方式，当前是左对齐　

十三，为博客添加一个Flash时钟

在你的博客侧边栏中添加一个精美的flash时钟，会使你的博客更加漂亮。（注意：此代码只能放在自定义HTML模板内，如果放在日志里会被网易系统自动清除）

代码：

<DIV><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=时钟地址 width=188 height=188 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></DIV>

或者:

<DIV><CENTER><EMBED src=时钟地址 width=188 height=188 type=application/octet-stream></CENTER></DIV>

对于网易博客，还可以在自定义的HTML模板内，点击“Flash”，在弹出的对话框中粘贴上时钟的地址。

时钟地址：http://www.aswis.net/100000/clock/

把以上一个地址复制--粘贴到地址栏中,然后按回车观看效果,看完一个,改变"clock1"中的数字,140个时钟,找到自己喜欢的了,把地址覆盖粘贴在上面代码中"时钟地址"上。

十四，发表彩色文字的日志

虽然网易提供了许多种文字的颜色供选择，但只是一个字一种颜色，现在给大家介绍一种方法，可以让一个字变成五颜六色的，先看下面一段文字：
这是一套可以将文字变成五彩缤纷的彩色文字处理软件，颜色可自由搭配，单击鼠标左键，在弹出的对话框里选择你所需要的颜色；单击鼠标右键将会选取您的桌面的颜色，而且可以随时的预览，并且可以直接产生在论坛上用的BB CODE 及做网页用的的 HTML TAG的代码，美化网页。

怎么样？挺漂亮的吧！这还得归功于一款文字颜色处理软件——好色机器。软件无需安装，下载后即可使用。
软件界面：

下载地址：http://muscad.chinamofile.com/6246215907733052/3202116032737606/10/C147C6F89BF1DD029F96
2803F1EE6F43/%E5%A5%BD%E8%89%B2%E6%9C%BA%E5%99%A8.rar

下载完毕打开后，按照以下步骤进行：
1.单击左上角的下拉框，选择选择色彩渐变形式，“基本型一”……“基本型四”……“专业型”等；
2.在左边的调色栏中选择颜色；
3.在右上方输入文字；
4.按下“转换&预览”（即中间的按钮），预览窗内即会出现渐变彩色文字；
5.点击预览框下面的“HTML Tag”按钮，得到代码，在编辑新日志时，在“代码”状态下，将刚才复制的代码粘贴上去即可。

十五，两只漂亮的蝴蝶代码

效果：
                                                                   n

代码：<DIV color=#0000ff>
<DIV style="BORDER-COLLAPSE: separate; DISPLAY: inline; LEFT: 300px; TABLE-LAYOUT: auto; TOP: 126px">               &n

bsp;            <IMG align=right height=69 src="http://storage.msn.com/x1pgliP38XxBL3nMF-HjFnMTY45YHz_CEMJsn5BP-C8p7jSA--2SYfcMIOFwI5OooYsDSiCyJ1Ngkl7G28pbEKaRKgh9aw1pFw55KmNJnlZtZq-JO8UC7yTpg" width=75>               

                &nb

sp;        <FONT color=#ffffff>n<IMG align=right height=69 src="http://storage.msn.com/x1pgliP38XxBL3nMF-HjFnMTY45YHz_CEMJsn5BP-C8p7jSA--2SYfcMIOFwI5OooYsDSiCyJ1Ngkl7G28pbEKaRKgh9aw1pFw55KmNJnlZtZq-JO8UC7yTpg" width=75></FONT></DIV></FONT><FONT color=#ff9900>
<DIV

代码说明：代码中的红色字体为两只蝴蝶的位置，可以改为“right”、“centre”、“left"”。

十六，添加访客记录ip

1.代码

<DIV align=center>

<TABLE height=280 width=510 border=4>

<TBODY>

<TR>

<TD vAlign=bottom background=背景图片网址><IMG src=http://www.law999.net/whocome?from=自己的博客网址&u=博客名&w=510&h=280&t=10&c=9&s=12&f=需要屏蔽的IP地址></IMG></TD></TR></TBODY></TABLE></DIV>

说明：

<TABLE 一句定义背景高度、宽度及边框宽度，可自定义。

background=后面为背景图片地址，如将该句省略，前面TABLE一句也可去掉。

src一句中的u值为博客名，也可任意取，w值为宽度，h值为高度，t值为显示IP的个数，c值为颜色代号，

     s为字体大小，均可自定义。

f值为需要屏蔽的IP地址，一般选择自己的IP，以避免自己访问时也榜上有名！IP地址可以只取前面一段，如221.223.35，则将以上述字段开头的IP地址221.223.35.01~221.223.35.999全部屏蔽，该方法适于无固定IP上网的ADSL用户。

2.代码如下(IP显示/你在这停留多长时间/日历)

<a href="http://www.ip.cn" target="_blank"><img src="http://www.ip.cn/s.php"></a><p align=center> 您在这里停留了：</p>

<p align=center> <IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002uq" width=15> <IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002up" width=15> 分 <IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002uo" width=15> <IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002un" width=15> 秒</p></P> <P align=center><IMG height=52 src="http://www.hongen.com/pub/date/date.png" width=180</P>

</P>

十七添加时钟、访客计时器

（1）静态时钟：

代码：

<EMBED src=http://www.souxp.com/fzjzykj/previews/clocks/clock104.swf width="100%" height=200 type=audio/x-pn-realaudio-plugin loop="0" autostart="1" border="0" controls="ImageWindow,ControlPanel,StatusBar" allowNetworking="internal" allowScriptAccess="never"></EMBED>

静态时钟效果：

（2）效果：
您已经在本站逗留了，谢谢光临！

代码：
<P><IMG src="http://img451.imageshack.us/img451/5681/17sw.gif" border=0 width="67" height="70">
<IMG src="http://img451.imageshack.us/img451/2654/26mf.gif" border=0 width="33" height="70">
<IMG src="http://img451.imageshack.us/img451/7677/38qp.gif" border=0 width="33" height="70">
<IMG src="http://img451.imageshack.us/img451/4378/42zs.gif" border=0 width="85" height="70"></P>

这样就可以提示访客所访问的时间，而且和以前的计时器比起来做得更精致些。（注意：复制代码的时候，要把<IMG>语句之间的空格去掉，不然就会显得四分五裂一样）

3.显示访客IP地址：

.效果：

代码：<P align=center><IMG src=http://www.danasoft.com/vipersig.jpg></P>

十八，添加日志背景

           怎样让你的日志文字有背景图

一、添加日志文字背景图的代码：

<center><table width="100%" border="0">
<tr>
<td height="384" background="图片网址"></td>
</tr>
</table></center>

二、操作步骤：

  点击“日志”----点击“写日志”----点击右上角的“全部功能”---点击上面工具栏中HTML代码编辑器按钮<>进入代码编辑状态---复制粘贴上面代码于其中---用准确的图片网址替代“图片网址”这四个字---此时可以在代码中调整文字输入范围的宽与高（width="100%"表宽度,height="384"表高度，调这两个值可将文字输入范围调到与图片合适大小）---再次点击上面的HTML代码编辑器按钮<>返回到日志编辑状态---在图中输入文字（如果文字范围超过背景图,背景图会随着文字的增长而加长）



三、看看效果：（图片上的文字一超过，图片就加长或加宽了。）

编辑状态---日志---点击左下角HTML代码编辑器按钮<>进入代码编辑状态---复制粘贴上面代码于其中---用
准确的图片网址替代“图片网址”这四个字---此时可以调整图片的宽与高（width="100%"表宽度

height="384"表高度，调这两个值可将图片调到合适大小）---再次点击左下角HTML代码编辑器按钮<>返

回到日志编辑状态---在图中输入文字（背景图会随着文字的增长而增长）

编辑状态---日志---点击左下角HTML代码编辑器按钮<>进入代码编辑状态---复制粘贴上面代码于其中---用

十八：心情告示牌：

告诉大家今天你的心情好么？？

生气告示板样本

生气告示板语法

<p align="center"><embed src="http://www.geocities.jp/mrsbramlet/balloon_a.swf" width="220" height="150" wmode="transparent" flashvars="mytxt=约可输12个字"></p>

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

伤心难过告示板样本

伤心难过告示板语法

<p align="center"><embed src="http://www.geocities.jp/mrsbramlet/balloon_bt.swf" width="220" height="150" wmode=transparent flashvars="mytxt=約可輸入18個字"></p>

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

开心快乐告示板样本

开心快乐告示板语法

<p align="center"><embed src="http://www.geocities.jp/mrsbramlet/balloon_hp.swf" width="220" height="150" wmode="transparent" flashvars="mytxt=約可輸入18個字"></p>

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

呃！怎会酱？告示板样本

呃！怎会酱？告示板语法

<p align="center"><embed src="http://www.geocities.jp/mrsbramlet/balloon_op.swf" width="200" height="150" wmode="transparent" flashvars="mytxt=約可輸入18個字"></p>

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

欢迎光临告示板样本

欢迎光临告示板语法

<p align="center"><embed src="http://www.geocities.jp/mrsbramlet/balloon_rud.swf" width="200" height="155" wmode="transparent" flashvars="mytxt=約可輸入24個字"></p>

★ 置入博客的方法：

1. 进入编辑→2. 排版→3. 模块→
4. 添加自定义html（显示）（出现在网页左下角）→
5. 复制下列语法後贴上→6. 新增→
7. 将模块移到想显示的位置→8. 再保存（右上角）→
9. 预览我的博客。→10. 就可以看到出现在你的博客上了！

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

喜欢的朋友建议你可以将这些心情告示板下载到自己的电脑，在上传到自己的免费空间，

以防告示板的主人将档案删了而造成无法显示在你的网页上喔

自己空间告示板语法

<p align="center"><embed src="你上传的档案位置" width="200" height="155" wmode="transparent" flashvars="mytxt=字数请叁考上例"></p>

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

十九，文字竖排

使用方法是，在163博客发表日子的HTML状态下把代码复制到BLOG中，再修改相应文字。
下面是效果实例：

『欢迎您来』

大家常来哦，嘟嘟。。。嘀嘀。。。

『1』

『博客秘籍』

大家常来哦，嘟嘟。。。嘀嘀。。。

『2』

第一个实例的代码是：

<DIV style="LAYOUT-FLOW: vertical-ideographic">
<P>大家常来哦，嘟嘟。。。嘀嘀。。。</P></DIV>

第二个实例的代码是：

<DIV style="WRITING-MODE: tb-rl">
<P>大家常来哦，嘟嘟。。。嘀嘀。。。</P></DIV>

其实不用我说大家也看出来了，效果没什么区别。

二十，图文混排：

一、左图右文混排代码：

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width=410 border=0><TBODY><TR><TD width=197><IMG height=150 src="图片地址" width=200 border=0></TD><TD vAlign=top width=200 rowSpan=3><P align=right><FONT color=#808080><BR>这里写文字<BR>......</FONT><FONT size=2> </FONT></P>

<P align=left> </P></TD></TR></TBODY></TABLE>

说明： 1.height=是图片高度,width=是图片宽度2.<br>是换行。<FONT size=2>代表字体的大小，数字越大，

二、看看效果吧：

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

二十一：水平线的特效：

水平線:

用法:

水平線的用法其實很簡單可以多變化，在編輯模式中，產生一條水平線，用滑鼠點選水平線，水平線四周會產生八的白色小方塊，這時可以用滑鼠調整大小，而顏色可以利用文字色彩 A 來改變。

底下是利用CCS產生的變化，可複製貼上使用，調整也是上述的方式:

點

●

虛線

●

立體內凹

●

立體浮凸

●

右至左漸變白 - 黑藍

左至右漸變白 - 粉紅

中間立體棒型 - 黑藍

中間立體棒型 - 黑啡

红色色外框架 - 黃色

二十二, 再加个魔方特效：

代码：

日志代码放置地方：点发表日志，点代码，贴上代码

首页代码放置：编辑——排版——模块——自定义——贴上代码——预览——给模块取名——新增——确定！

今天太累了，改天再写啦！听听音乐～～～

如果还有疑问，请参考如下文章：

更多装饰代码一览表：

网易博客美化装饰

——代码篇

做了这么久的音画，收集了很多代码了，新年了，也做个盘点，就抽时间整理了一些比较常用的，精华的代码，供以后自己和喜欢做音画帖子的朋友查阅方便，希望大家转载时候使用引用，我会不断添加补充新的进来，会第一时间通知引用的朋友！谢谢大家的配合！

其他的素材，教程方面我会陆续整理出来，请喜欢的朋友关注！

精品代码表

代码名称	来源	简介
博客模块透明教程	玫瑰夫人	让您的博客模块变得透明
各类特效代码生成器	玫瑰夫人	各种特效代码在线生成
用代码给图片加边框	玫瑰夫人	普通图片加各类特效框
图片移动代码集锦	玫瑰夫人	各种图片移动特效展示
博客制作方法基础篇	梅香傲雪	适合初学者
博客制作方法提高篇	梅香傲雪	适合中阶段学习
博客美化装饰终极篇	梅香傲雪	完美终结版，看了就知道
制作首页个性导航栏	玫瑰夫人	让您的博客更具特色
日志彩色边框，flash写字代码	玫瑰夫人	装饰日志，点缀用
各类播放器代码	玫瑰夫人	各种播放器都有
滚动条精选代码	玫瑰夫人	精选了一部分，可以更换
图片羽化移动代码大全	玫瑰夫人	图片羽化，不用软件也可以
flash定位代码	玫瑰夫人	让你的flash随便在哪儿都可以
用代码做日志表格	玫瑰夫人	用代码做个表格，试试看！
做音画贴常用技巧	玫瑰夫人	有了技巧，事半功倍！
如何制作链接图片	玫瑰夫人	想做链接很容易！看一下就会!
各类特效代码集锦	玫瑰夫人	有空了，就多尝试几个特效看看！
教您制作自己的MTV	玫瑰夫人	给自己也做个MTV，过过明星瘾！
文字与图片的几种排列方法	玫瑰夫人	让图文排列更有序
教您用html做特效字	玫瑰夫人	用代码做多种特效文字
颜色代码对照表	玫瑰夫人	颜色代码对照查询
在背景图片上写字代码	玫瑰夫人	在喜欢的图片上写字太容易了
首页添加popo和qq在线聊天	玫瑰夫人	让朋友在博客上随时点击您!
去掉广告做自己的播放器	玫瑰夫人	去掉讨厌的广告，做自己的超炫播放器
贴图，贴各种音乐代码	玫瑰夫人	贴图，贴音乐，有代码就可以！
学习制作音乐贴代码	玫瑰夫人	不再羡慕别人了，自己动手做做音画贴！
用代码做信纸代码	玫瑰夫人	用代码也能做信纸，看看！
html在线·编辑器使用方法	玫瑰夫人	教您使用html在线编辑器
背景音乐自动播放代码	玫瑰夫人	多款音乐自动连放，很过瘾！
一张图片贴多个flash代码	玫瑰夫人	一张图片上贴多个透明flash特效
教您制作自己的播放器	玫瑰夫人	做个自己喜欢·的播放器吧
图片飘动+滚动条+flash+特效	玫瑰夫人	特效太多了，超炫！
网易博客装饰完整版	玫瑰夫人	看看完整版吧！很全！
鼠标特效大全（附代码）	玫瑰夫人	喜欢鼠标有点特效，进来看看！