向荣 ╭☆腾☆╯

让我的心愿点击你的笑脸！让我的愿望输入你的幸福！

日志

关于我

向荣

龍~穷忙族╭⌒╮

文章分类

学习《网易博客美化》

2006-10-10 23:10:39| 分类：教学随笔 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

网易博客美化;

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

一基本代码;

(1)贴图：

<img src="图片地址">

(2)加入连接：

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

(3)在新窗口打开连接：

<a href="相关地址" target="_blank">写上要写的字</a>

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

(5)消除连接的下划线：

<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

(6)贴音乐：

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

(7)贴flash:

<embed src="flash地址" width="宽度" height="高度">

(8)贴影视文件：

<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

(9)原始文字样式：

<pre>正文</pre>

(10)换帖子背景：

<body background="背景图片地址">

(11)固定帖子背景不随滚动条滚动：<body background="背景图片地址" bodybgproperties=fixed>

(12)定制帖子背景颜色：

<body bgcolor="#value">(value值见10)

(13)帖子背景音乐：<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)左右滚动：

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

代码：

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

此代码在IE浏览器中使用效果较好;

三添加播放器;

   网易博客已经提供了一个播放器版块，还有在自定义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"的时候是自动播放。

(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状态生成页面：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>

其中的.您在这里停留了.是可以更改的(比如: 你在XXX里停留了等等)

六显示来访者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>大家先将就用这两个吧!

七友情连接;

编辑-排版-模块-添加自定义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">

一款很棒的播放器;

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

申请地址;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>

十为日志添加一个滚动条;

预览：

茫茫人海
与你相聚
有种被“缘”牵手的感觉
将心灵寄放在这儿
春暖花开时来观看风景
你浅浅的笑靥
朗朗的笑声
都印在风雨过后的彩虹里
无意间与你眼神交汇
才知道
原来云淡风轻的日子很美

代码：

</A>
<DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px">
<P align=left>这里是文字</P></DIV><BR>

十一为博客添加一个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个时钟,找到自己喜欢的了,把地址覆盖粘贴在上面代码中时钟地址上。

十二其他未整理的代码;

显示日历

（1）效果：

代码：<P align=center><IMG height=26 src="http://www.hongen.com/pub/date/date.png" width=126></P>

（2）效果：

[AD] [AD] [AD] [AD]

代码：<P><IMG src="http://www.csufresno.edu/cgi-bin/Count.cgi?display=date&dd=A" border=0></P>

显示时钟、访客计时器;

效果;您已经在逗留了多长时间-

谢谢光临！

代码：

<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>语句之间的空格去掉，不然就会显得四分五裂一样）

显示访客IP地址：

（1）效果：

代码：<P align=center><IMG src="http://www.hotik.com/sign.png"></P>

十三为大家介绍两个好网站素材网， http://www.3lian.com/



                  祝你成功...

[查看评论] [订阅] [申请]

评论这张

转发至微博

阅读(4319)| 评论(115)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_082065082095082075084074082067092084080068',
              blogTitle:'学习《网易博客美化》',
              blogAbstract:'<BLOCKQUOTE\><STRONG\>  <BLOCKQUOTE\>  <BLOCKQUOTE\>  <P align=\"left\" \><FONT color=\"#ff0066\" size=\"2\" \>网易博客美化;</FONT\></P\>  <P align=\"left\" \><FONT color=\"#ff0066\" size=\"2\" \></FONT\> </P\>  <P align=\"left\" \><STRONG\><FONT color=\"#009966\" \><FONT size=\"2\" \><STRONG\>    </STRONG\>在日志以及自定义的 <FONT color=\"#ff0066\" \>HTML </FONT\>栏目中使用的些代码会被网易系统自动清除.这和 <FONT color=\"#ff0066\" \>MSN Space </FONT\>现更名为 <FONT color=\"#ff0066\" \>Windows Live Space</FONT\> 一样，系统为了防止好友在日志中放入有害的代码就将所有的 <FONT color=\"#ff0066\" \><script></FONT\> 标签. <FONT color=\"#ff0066\" \><iframe></FONT\> 标签过滤，博客添加自定义 <FONT color=\"#ff0066\" \>HTML</FONT\> 时.只能添加<FONT color=\"#ff0066\" \>(2048)</FONT\>个字符以内的代码.这给不少人带来了麻烦.许多特效代码无法使用.我在这里提供一些实用美化代码与大家分享.另外.需转载的朋友.请注明来源.（网易系统管理员）谢谢！</FONT\></FONT\></STRONG\></P\>  <BLOCKQUOTE\>  <BLOCKQUOTE\>  <P align=\"left\" \><STRONG\></STRONG\></P\></BLOCKQUOTE\></BLOCKQUOTE\></BLOCKQUOTE\></BLOCKQUOTE\></STRONG\></BLOCKQUOTE\>',
              blogTag:'学习',
              blogUrl:'blog/static/4082172006910111039469',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1317479022525,
              publishTime:1160493039469,
              permalink:'blog/static/4082172006910111039469',
              commentCount:115,
              mainCommentCount:115,
              recommendCount:6,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:true,
              hostIntro:'龍~穷忙族╭⌒╮',
              hmcon:'0',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/4082172006910111039469">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

向荣 ╭☆腾☆╯

导航

日志

学习《网易博客美化》

历史上的今天

最近读者

热度

评论

页脚