磁电人空间

我们生活在地球磁的空间

日志

关于我

背影子

文章分类

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

2009-07-29 15:00:53| 分类：【代码HTML】. | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

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

一，基本代码

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浏览器中使用效果较好，在火狐等其他浏览器中可能出现文字不滚动等问题。

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

网易为我们提供了一个访客统计的模块，但这个统计是忽略用户的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"的时候是自动播放。

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状态生成页面：de.shtml">http://is.qq.com/webpresence/code.shtml

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

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

编辑-排版-模块-添加自定义HTML 然后把 <p align=center>您在这里停留了：</p>

<p align=center><IMG height=20 src="http://static5.photo.sina.com.cn/orignal/4723cdbfc523b9c8658c4" width=15><IMG height=20 src="http://static11.photo.sina.com.cn/orignal/4723cdbfb4c1c3706293a" width=15> 分 <IMG height=20 src="http://static9.photo.sina.com.cn/orignal/4723cdbf0c2471f4de928" width=15><IMG height=20 src="http://static10.photo.sina.com.cn/orignal/4723cdbfbf6e8f65c0879" width=15> 秒</p> 复制上去

还有一个这个比较好看点 <DIV align=center><IMG height=73 src="http://static14.photo.sina.com.cn/orignal/4723cdbfa9a6cc836b0cd" width=32 border=0><IMG height=73 src="http://static4.photo.sina.com.cn/orignal/4723cdbf9f5a0a8f247a3" width=88 border=0><BR><IMG height=47 src="http://static10.photo.sina.com.cn/orignal/4723cdbf93e906fe1a1b9" width=32 border=0><IMG height=47 src="http://static14.photo.sina.com.cn/orignal/4723cdbf646046ed0e42d" 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>

八，友情连接

编辑-排版-模块-添加自定义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的代码是:

十，一款很棒的播放器

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

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

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

<TBODY>

<TR>

<TD>

这些复制在前面把播放器代码复制在后面

十一，透明播放器代码

<TBODY>

<TR>

十二，为日志添加一个滚动条

预览：

小时侯

乡愁是一枚小小的邮票

我在这头

母亲在那头

长大后乡愁是一张窄窄的船票

我在这头

新娘在那头

后来呵

乡愁是一方矮矮的坟墓

我在外头

母亲呵在里头

而现在

乡愁是一湾浅浅的海峡

我在这头

大陆在那头

代码：

</A>

<P align=left>这里是文字</P></DIV><BR>

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

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

代码：

或者:

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

时钟地址：http://blog.sina.com.cn/u/446ae4ee010007gl

把以上一个地址复制--粘贴到地址栏中,然后按回车观看效果,看完一个,改变"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”按钮，得到代码，在编辑新日志时，在“代码”状态下，将刚才复制的代码粘贴上去即可。

&x6211;&x8981;&x5566;&x514D;&x8D39;&x7EDF;&x8BA1;

评论这张

转发至微博

阅读(249)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_082070083085086069085081094095093095084071085084081067',
              blogTitle:'网易博客美化教程完整终极版',
              blogAbstract:'<P style=\"TEXT-INDENT: 2em;\"  \><A href=\"http://xinxincicl.blog.163.com/\"  \>网易博客美化教程完整终极版</A\></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>一，基本代码</P\>  <P style=\"TEXT-INDENT: 2em;\"  \>1)贴图：<img <WBR\>src=\"图片地址\"></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>2)加入连接：<a <WBR\>href=\"所要连接的相关地址\">写上你想写的字</a></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>3)在新窗口打开连接：<a <WBR\>href=\"相关地址\" <WBR\>target=\"_blank\">写上要写的字</a></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>4)移动字体(走马灯)：<marquee>写上你想写的字</marquee></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>5)字体加粗：<b>写上你想写的字</b></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>6)字体斜体：<i>写上你想写的字</i></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>7)字体下划线: <WBR\><u>写上你想写的字</u></P\>',
              blogTag:'',
              blogUrl:'blog/static/9954127020096293053711',
              isPublished:1,
              istop:false,
              type:1,
              modifyTime:1317408693025,
              publishTime:1248850853711,
              permalink:'blog/static/9954127020096293053711',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              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:false,
              hostIntro:'',
              hmcon:'1',
              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/9954127020096293053711">${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 - 订阅此博客

磁电人空间

导航

日志

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

历史上的今天

最近读者

热度

评论

页脚