注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

.

 
 
 

日志

 
 

博客代码大全(网易博客美化教程完整终极板)转  

2008-03-05 09:19:07|  分类: 博客代码 |  标签: |举报 |字号 订阅

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

编辑-排版-模块-添加自定义 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>&nbsp;分&nbsp;<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>&nbsp;秒</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> 

 

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

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

一,基本代码

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状态生成页面: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>&nbsp;分&nbsp;<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>&nbsp;秒</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">

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

预览:

小时侯

乡愁是一枚小小的邮票

我在这头

母亲在那头

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

我在这头

新娘在那头

后来呵

乡愁是一方矮矮的坟墓

我在外头

母亲呵在里头

而现在

乡愁是一湾浅浅的海峡

我在这头

大陆在那头

 

代码:

</A>

<DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px">

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

 

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

效果:    

                           博客代码大全(网易博客美化教程完整终极板)转 - 玉牡丹 - .                                        n博客代码大全(网易博客美化教程完整终极板)转 - 玉牡丹 - .

 

 

 

 

 

 

代码:<DIV color=#0000ff>

<DIV style="BORDER-COLLAPSE: separate; DISPLAY: inline; LEFT: 300px; TABLE-LAYOUT: auto; TOP: 126px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n

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

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb

sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <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"”。

  评论这张
 
阅读(482)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017