网易博客制作入门

博客中应用比较广泛的几种东西及代码，有错误的地方还请大家指正

一.怎么在博客中添加代码？

登陆您的账号，按下列顺序在查找并操作即可：

　　１，编辑状态----排版----模板----自定义,创建模块标题，复制粘贴编写代码----保存并返回；

２，编辑状态----排版----模板----自定义----点选创建好的模块标题---勾上并保存，移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。

二.如何在日志里添加带图案的写字框：

点击日记下方的代码输入以下代码：

<DIV align=center>

<CENTER>

<TABLE height=499 cellSpacing=1 width=496 background=http://image4.360doc.com/DownloadImg/2009/8/4/102648_4662447_2 border=0>

<TBODY>

<TR>

<TD width=496 colSpan=3 height=67>　</TD></TR>

<TR>

<TD width=87 height=420 rowSpan=2>　</TD>

<TD width=312 height=315>

<P align=center></P>

<DIV style="BORDER-RIGHT: white 2px solid; BORDER-TOP: white 2px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: white 2px solid; WIDTH: 305px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #008000; BORDER-BOTTOM: white 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 280px; BACKGROUND-COLOR: #ffffff" align=left>

<P align=left><FONT color=#008000>点击旁边的箭头,</FONT></P>

<P align=left><FONT color=#008000>就可以浏览文章.</FONT></P>

<P align=left><FONT color=#008000>发表文章时,</FONT></P>

<P align=left><FONT color=#008000>在显示源代码前面打勾</FONT></P>

<P align=left><FONT color=#008000>然后粘贴此边框代码</FONT></P>

<P align=left><FONT color=#008000>再把勾去掉</FONT></P>

<P align=left><FONT color=#008000>在边框内添加上自己的文字即可^_^</FONT></P>

<P align=left><FONT color=#008000>如有问题,请留言给xxx!</FONT></P><FONT color=#6699ff>

<P align=left>　</P></DIV>

<DIV align=left><FONT color=#6699ff></FONT> </DIV></FONT></TD>

<TD width=74 height=420 rowSpan=2>　</TD></TR>

<TR>

<TD width=312 height=103>　</TD></TR></TBODY></TABLE></CENTER></DIV>

效果显示如下:

　

　

点击旁边的箭头,

就可以浏览文章.

发表文章时,

在显示源代码前面打勾

然后粘贴此边框代码

再把勾去掉

在边框内添加上自己的文字即可^_^

如有问题,请留言给xxx!

　

　

　

三.几款播放器及美化效果

代码如下:

1.迷你形

<DIV>
<CENTER><EMBED style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FILTER: wave(); 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=47 type=application/x-oleobject loop="true" autostart="true" standby="Loading Windows Media Player components..." classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"></EMBED></CENTER></DIV>

1.美化形

<EMBED style="FILTER: Xray" src=音乐地址 width=300 height=45 type=audio/mpeg loop="- 1" autostart="false" volume="0">

备注:代码说明：
1 WIDTH代表播放器宽度，HEIGHT代表高度，后面的数值可依自己喜好进行调整。
2 AUTOSTART="TRUE" 这里TRUE代表自动播放，如果换成FALSE则代表手动播放。

四.博客最新超多款精美时钟.日历代码

　                        精美JS日历：

<center><iframe frameborder="no" framespacing="0" src="http://youlan./rili/021/cal.html" scrolling="no" width="164" height="174" border="0" ></iframe></center>
今天推出最新款的东西，看到右边这个日历没，挺不错的吧，呵呵...这就是从一个博友那里挖宝挖出来的成果，以上就是它的代码，不过别急，这只是其中一款，还有其他99种款式大家可以进这个地址里找：http://youlan./pages/cal1.htm 看到你喜欢的样式，记住它底下的编号，替换上面那段代码中红色的021就可以了。

　                         精美JS时钟：

<center><iframe scrolling="no" frameborder="0" width="180" height="75" src="http://youlan./clock/009/clock.htm" allowtransparency="true"></iframe></center>

这个也是好东西吧，以上就是右边那个时钟的代码，还有其他很多样式大家可以进这个地址里找：http://youlan./pages/clock1.htm 里面每一款都附有代码。

                            精美FLASH时钟：

<embed src="http://youlan./flash/flaclo_02.swf" quality="high" wmode="transparent" bgcolor="#ffffff"
width="180" height="180" align="middle"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>

这个也不赖吧，以上就是右边那个时钟的代码，还有其他很多样式大家可以进这个地址里找：http://youlan./pages/fcl1.htm 进去后，看到你喜欢的样式，在其下方编号处点击鼠标右键，选择“复制快捷方式”，然后替换代码中红色的“http://youlan./flash/flaclo_02.swf”这个地址就行了。

五 .背景图片的添加:

代码如下:

<IMG src="背景图片链接地址" width=图片宽度值 height=图片高度值 align=right style="FILTER: alpha(opacity=100, finishOpacity=0,style=2) ">
<DIV style="FILTER: alpha(opacity=45, finishOpacity=45,style=0); FLOAT: left; WIDTH: 文本宽度值">
<DIV style="LINE-HEIGHT: 行间距值(pt); LETTER-SPACING: 字符间距值(em)">
<P><FONT color=#ffffff size=2>你的曰志文字</FONT></P>
</DIV></DIV>

下面简要介绍一下上面语法中的两行主要命令语句的含义：
<IMG src=…….>控制曰志中的背景图片，图片的宽度及高度值均以px为单位；align这一参数控制图片位置，但不要对此进行更改，否则无法实现文字浮于图片之上的效果。Filter控制背景图片的柔化滤镜，大家可以修改其中的数值已达到不同的效果，但注意style的值只能取1，2，3这三个数值。除了柔化效果外，还有翻转、发光、阴影等若干特效，但语法表述各有不同，在此不再赘述，有兴趣的朋友可以在互联网上查询相关语法。在Space空间不同的布局方式下，曰志宽度是不相同的，所以为了更好的配合曰志的页面效果，建议选择合适宽度的图片，具体可根据布局的实际情况（即曰志的宽窄程度）将图片宽度分别设定在260px、350px、370px、550px、730px左右的近似值。
<DIV style="FILTER…….>控制曰志文字的若干效果，其中Filter命令的使用方法与前述一致，也是调节柔化效果。文本宽度也采取px为单位，其最大值也要参照上面不同布局方式时所要求的近似宽度值，如果你希望文字完全分布在整个曰志页面上，那么将WIDTH值设为100%即可。在设定了具体宽度的情况下Float命令可以省略，否则请予以保留。

六.计数器和MSN

先说说添加计数器。如果只是在曰志中显示来访总数，那么申请一个简单的计数器即可，提供这种服务的网站很多，你在搜索引擎中键入“Free Web Counter”会查找到很多结果，这里我个人推荐http://www./。这个网站提供350多种计数器，款式繁杂，花色多样，绝对满足你的需要。申请时需要注册，但过程很简单，一般只需要提供少量的个人信息即可。注册成功后你就可以选择心仪的计数器了，然后再输入你个人网站的信息，你将获得一段在线生成的HTML页面的代码。某些网站还会提供给你简单的在线编辑功能，让你进一步对计数器的外观作简单的修改，以更好的适合你的需要。将获取的代码拷贝，然后转到你需要插入计数器的MSN Space曰志，点击“Edit It”按钮，进入HTML语法编辑状态，将刚才获取的代码粘贴到空白处，再退出HTML编辑状态，在曰志文本处理模式下调整计数器的位置。由于MSN Space空间没有提供置顶功能，因此你必须经常调整计数器的位置，将它始终放置在首页的曰志中（最好是第一篇曰志）。方便起见，你可以将计数器的源代码拷贝到文本文件中，以后调整时将它简单粘贴过来就可以了。

如果你想获得有关你的空间流量的具体信息，诸如单位时间内的访问量，来访者停留时间，来访者IP及所在国家等等众多专业统计结果，上述网站就不能满足你的需要了。推荐你到这个网站申请此项服务：http://www./，它提供了极其强大且稳定可靠的统计功能，几乎面面俱到（至少对于我们这个水平是足够了），而且众多信息均以图形或表格的方式予以呈现，直观明了（Tucow五星推荐）。所有这些服务均为免费，除非你的月访问量超过20万。唯一的缺点就是提供的计数器样式过于简单，可供选择的余地也不大。。它的申请过程很简单，成功后会先让你选择计数器样式（你可以进行简单的定值），然后设定某些参数，诸如通过Cookie功能将你自己的登陆排除在统计数字之外等，之后你可以在Install Code页面获取HTML代码，需要注意的是，它会为不同类型的页面生成不同的代码，因此你要在“Statcounter Code Option”里选择“Html Only Code”，通过这个命令生成的代码才可用于MSN Space，获取代码后的操作就和上面已降解的方式一样了。由于是海外的服务商，所以页面信息全部是英文，这对于不谙E文的朋友可能有些麻烦。

申请MSN在线状态指示器也很简单，到下面这个网站http://snind.:8080/ 在“Messenger”下拉菜单里选择MSN，当然如果你有Yahoo，或AOL等提供的及时通讯工具，也可以为其申请相应的指示器。输入你的MSN Messenger用户名，网站很快会为你生成一段代码，这段代码显示的是一个图标，通过其颜色的变化来显示你的Messenger的不同状态，直接将此代码按上述方法添加到曰志中就可以了。有两个问题需要注意：该状态指示不会实时更新，它显示的状态是访问者登陆你的空间时你的在线状态，如果你在此期间上线或离线，指示器不会实时同步做出反应，除非刷新页面才会看出变化。另外显示的状态和真实状态可能会有稍许延迟，但不严重。还有一种情况也可能会发生，就是服务商的Server关机，那么指示器就无法正确显示任何状态了。



                         七. 音乐及背景文字

① Flash代码 (写在日记内容里) [代码中的Flash地址就是网上以.swf结尾的网址]

</textarea><embed src='http://你的Flash地址'quality=high pluginspage='_Prod_Version=ShockwaveFlash" target=_blank>http://www.macromedia.com/shockw ... sion=ShockwaveFlash' type='application/x-shockwave-flash' width=330 height=240></embed>

② 背景音乐代码 (写在日记标题里) [代码中的音乐地址就是网上以.mp3/.midi/.wma/.wmv结尾的网址]

显示播放器
</textarea><EMBED SRC=http://你的音乐地址>

不显示播放器
</textarea><EMBED SRC=http://你的音乐地址 width="0" height="0" loop="999">

③ 视频MTV代码 (写在日记内容里) [代码中的视频文件地址就是网上以.rm结尾的网址]

</textarea>
<embed SRC=你的视频文件地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true><br>

④ 电台代码 [代码中的电台地址就是网上以.asp结尾的网址]

</textarea>
<embed SRC=你的电台地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true><br>

⑤ 修改字体和颜色 (变换字体颜色只需替换color=后面的代码,好看的字体颜色有: "#00ccff" "#ccccff" "#cc99ff" "#993399")

</textarea><b><font face="华文行楷" size="5" color="#FF0000">要修改字体和颜色的字</font></b>

⑥ 插入图片 [代码中的图片地址就是网上以.jpg/.bmp结尾的网址]

</textarea><IMG src="http://你的图片地址" border="0" width="344" height="255">

文字的几种变化：

滚动字代码（左右）：

林中漫步的BLOG

<marquee border="0" align="middle" scrolldelay="120">林中漫步的BLOG</marquee>

        滚动字幕代码（上下）：

我不想擁有愛你的每一夜
我也不想要對不起全世界
所以不需要解釋誰
所以可以溫柔不退
一切就看你心裡要不要勇敢些

<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77

onmouseout="this.start()" onmouseover="this.stop()">我不想擁有愛你的每一夜
<BR>我也不想要對不起全世界
<BR>所以不需要解釋誰
<BR>所以可以溫柔不退
<BR>一切就看你心裡要不要勇敢些</MARQUEE>

                           竖排显示文字代码：

        <DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>博客文章文字</P></DIV>

        带颜色的阴影效果文字代码:
林中漫步的BLOG

<P align=center><FONT style="FONT-SIZE: 20pt; FILTER: dropshadow

(color=#228B22,offX=4,offY=2,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-

FAMILY: 华文行楷"><I><B>林中漫步的BLOG</B></I></FONT></P>

        渐变效果文字代码：
林中漫步的BLOG

<P align=center><FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%;

COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>林中漫步的BLOG</B></FONT></P>

        代码说明：

        opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明；
        style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。
        width：100%则表示参与渐变的对象的宽度，通常都设置为100%。

        阴影文字效果代码：

林中漫步的BLOG

<FONT style="COLOR: #000000; FILTER: shadow(color=blue); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt;

WIDTH: 100%"><B>林中漫步的BLOG</B></FONT>

        阴影的文字效果代码2：

林中漫步的BLOG

</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2,
positive=2)；">
<font color=#6CABE7 size=2>林中漫步的BLOG</font>
</table>

飘动在图片背景上的文字代码：

<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=图片地址>
<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>

               以图片为背景发表文章代码：
<table width="450" border="0">
<tr>
<td height="500" background="图片地址"></td>
</tr>
</table>

                     添加连续播放多首音乐的播放器



    要连续播放多首音乐需要到http://www./player/申请播放器，并将生成的代码贴到任意面板内即可。

        1. 登陆http://www./player/，单击“免费申请”