博客美化教程完整终极版.doc

博客美化教程完整终极版博客管理2010-05-30 12：35：05阅读10评论0字号：大中小提醒：近来有许多网友反映在日志以及自定义的HTML栏目中使用的一些代码会被网易系MSN Space(现更名为Windows Live Space)一样，系统为了防止网友在日志中放入有害的代码就将所有的script标签，iframe标签过滤，博客添加自定义HTML时，只能添加6500个字符以内的代码。这给不少网友带来了麻烦，许多特效代码无法使用。我在这里提供一些实用美化代码与大家分享,另外，需转载的朋友，请注明来源，谢谢！一、基本知识：1、登陆：首先进入，用户名和密码：你原来网易的用户名和密码，即可登陆。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：125pxscrollAmount=1 scrollDelay=1 direction=up height=125这里是文字BR/MARQUEE 2.左右滚动：放入代码后，点击这里就会出现文字编辑框.然后编辑你自己的文字就可以了。代码：marquee direction=leftscrollamount=1scrolldelay=10border=0width=500说明：此代码在IE浏览器中使用效果较好，在火狐等其他浏览器中可能出现文字不滚动等问题。三，为博客添加一个计数器网易为我们提供了一个访客统计的模块，但这个统计是忽略用户的IP地址，也就是这个统计也记录相同的IP地址的访问。我们在编辑博客时，需要不断的在编辑和预览的状态下进行切换，我们在预览状态下的访问博客也被网易博客的计数器记录下来了。例如，我添加的计数器统计有111位(唯一IP)网友访问了我的博客，但网易博客上的计数器却显示有164人访问(这其中有不少是我自己访问的)，差别不小。下面给大家介绍如何申请个性化的计数器：1.进入如下网站：；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=infinitePARAM VALUE=1PARAM VALUE=50PARAM VALUE=fullPARAM VALUE=1/OBJECT/DIV代码说明：蓝色部分为音乐文件的地址，绿色的数字表示是否自动播放，更改为0时不会自动播放，1的时候是自动播放。一款很棒的播放器此播放器可以自动播放而且可以连续播放多首歌曲皮肤也超漂亮申请地址申请后进去选个自己喜欢的皮肤然后把代码复制回来加歌曲也是在那里加如果大家想在播放器后面家上背景图片的话就打TABLE style=WIDTH：706px；HEIGHT：164pxborderColor=#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：40pxTBODY TR TD EMBED style=BORDER-RIGHT：silver 1px solid；BORDER-TOP：silver 1px solid；BORDER-LEFT：silver 1px solid；BORDER-BOTTOM：silver 1px solidsrc=歌曲地址width=200 height=30 type=audio/x-mplayer2 loop=-1autostart=0volume=0EnableContextMenu=0showstatusbar=0console=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 solidcodeBase=src=音乐文件地址width=179 height=185 type=application/x-oleobject classid=CLSID：22d6f312-b0f6-11d0-94ab-0080c74c7e95standby=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=toptable 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状态生成页面：最后记得把网易自带的名片隐藏哦.六，访问者停留时间计数器编辑-排版-模块-添加自定义HTML然后把p align=center您在这里停留了：/p palign=center IMG height=20 src=width=15 IMG height=20 src=width=15分IMG height=20 src=width=15 IMG height=20 src=width=15秒/p复制上去还有一个这个比较好看点DIV align=center IMG height=73 src=width=32 border=0 IMG height=73 src=width=88 border=0 BR IMG height=47 src=width=32 border=0 IMG height=47 src=width=88 border=0/DIV BR其中的您在这里停留了：是可以更改的(比如：你在我的小窝里停留了：等等)七，显示来访者IP的代码编辑-排版-模块-添加自定义HTML第一个：P align=center IMG src=/P第二个：P align=center IMG src=/P我会继续寻找比较好看的,大家先将就用这2个吧八，友情连接编辑-排版-模块-添加自定义HTML然后把marquee behavior=scrolldirection=right width=90%height=100scrollamount=2scrolldelay=30a target=conthref=对方地址img src=对方图片width=100height=100border=0/a/marquee复制上去就行了.要想加多个的话就把a ta rget=conthref=对方地址img src=对方图片width=100height=100border=0/a加在最后那个/marquee的前面其中的direction=是图片移动方向up down right left任意添写九，首页FLASH与日志里的FLASH 1)首页FLASH：找到FLASH地址后点编辑-排版-模块-添加自定义HTML-点Flash复制进去就行了这个很简单(2)日志里的FLASH：好多朋友多说为什么我把代码粘贴到日志里但就是显示不出FLASH呢?我现在就告诉你因为你忘记点下面那个代码了必须先点一下代码后再复制上去.日志里FLASH的代码是：EMBED pluginspage=src=FLASH地址width=800 height=600 type=application/x-shockwave-flash quality=high十，一款很棒的播放器此播放器可以自动播放而且可以连续播放多首歌曲皮肤也超漂亮申请地址申请后进去选个自己喜欢的皮肤然后把代码复制回来加歌曲也是在那里加如果大家想在播放器后面家上背景图片的话就打TABLE style=WIDTH：706px；HEIGHT：164pxborderColor=#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：40pxTBODY TR TD EMBED style=BORDER-RIGHT：silver 1px solid；BORDER-TOP：silver 1px solid；BORDER-LEFT：silver 1px solid；BORDER-BOTTOM：silver 1px solidsrc=歌曲地址width=200 height=30 type=audio/x-mplayer2 loop=-1autostart=0volume=0EnableContextMenu=0showstatusbar=0console=video/TD/TR/TBODY/TABLE十二，滚动条添加预览：小时侯乡愁是一枚小小的邮票我在这头母亲在那头长大后乡愁是一张窄窄的船票我在这头新娘在那头后来呵乡愁是一方矮矮的坟墓我在外头母亲呵在里头而现在乡愁是一湾浅浅的海峡我在这头大陆在那头代码：DIV style=OVERFLOW-Y：auto；OVERFLOW-X：hidden；WIDTH：698px；HEIGHT：125pxP align=left在这里输入是文字，也可以是链接/P/DIV注：(left)为对齐方式，当前是左对齐十三，为博客添加一个Flash时钟在你的博客侧边栏中添加一个精美的flash时钟，会使你的博客更加漂亮。(注意：此代码只能放在自定义HTML模板内，如果放在日志里会被网易系统自动清除)代码：DIV EMBED pluginspage=src=时钟地址width=188 height=188 type=application/x-shockwave-flash quality=highwmode=transparent/EMBED/DIV或者：DIV CENTER EMBED src=时钟地址width=188 height=188 type=application/octet-stream/CENTER/DIV对于网易博客，还可以在自定义的HTML模板内，点击Flash，在弹出的对话框中粘贴上时钟的地址。时钟地址：把以上一个地址复制-粘贴到地址栏中,然后按回车观看效果,看完一个,改变clock1中的数字,140个时钟,找到自己喜欢的了,把地址覆盖粘贴在上面代码中时钟地址上。十四，发表彩色文字的日志虽然网易提供了许多种文字的颜色供选择，但只是一个字一种颜色，现在给大家介绍一种方法，可以让一个字变成