我的博客我作主

冲浪高手

在互联网中,博客(Blog)网站为用户提供了丰富的交流空间,因此受到很多网虫和站长的喜爱。但是,目前多数博客网站为用户提供的网页模板太少,这样发布出来的文字、图片都会千篇一律,失去了个性。本文就以“中国博客网”为例,介绍一下如何让自己的博客网页充满个性。

我的个性计划

◆任意变换博客网页的背景颜色及图片

◆替换博客网页中的文字颜色

◆在博客网页中插入自己设计的LOGO

◆为网页添加背景音乐,营造个性博客气氛

博客个性化原理

我们定制个性化博客的原理就是利用普通网页的HTML源代码,通过修改HTML从而达到更改博客外观的效果。修改之前,我们需要大致了解一下HTML语言的排列结构:

<HTML>

<HEAD>

<title>, <base>, <link>, <isindex>, <meta>

</HEAD>

<BODY>

// HTML 文件的正文写在这里

</BODY>

</HTML>

蓝色背景更显个性

首先在IE地址栏中输入http://www.blogcn.com,进入该网站并登录到用户管理界面,在界面中单击“编辑模板”项下的“HTML源码编辑器”链接,这时我们可以看到编辑窗口中出现HTML源代码信息(图1),该信息就是博客网页的模板信息。

11-g9-1-1.jpg
图1

在HTML源代码中网页的背景语句一般为<body bgcolor="#">格式,其中“#”表示颜色代码值。例如我们要想将背景的颜色设置为蓝色,这时我们可以打开记事本程序,在里面输入<body bgcolor="#000080">语句即可,随后将该语句复制到博客源代码的<body>字段下面,覆盖原来的背景颜色语句,也可以在原语句基础上进行直接修改。如果在源代码文件中找不到背景颜色语句,我们可以将该语句直接复制到<body>字段下即可覆盖以前的背景颜色。修改后单击“预览”按钮,网页背景就变成蓝色的了。如果你对修改的颜色不太满意,单击界面中的“重置”便恢复到修改前的状态。

提示:我们使用的每个颜色都有一个特定的源代码,如蓝色为#000080,黑色为#000000,红色为#FF0000等,我们可以到相关网站或Photoshop中查找相应的颜色代码值。

用上面的方法我们不仅可以用自己喜欢的颜色做背景颜色,而且还可以用图片来做背景。用图片做背景时将<body bgcolor="#">语句的值改为图片的名称或图片链接即可,如<body bgcolor="001.gif">。修改图片背景时还要注意图片的路径。

提示:用图片做博客网页的背景时,我们还要将图片上传到博客网站中,网站都提供了网页上传功能,在此就不再赘述。

用自己喜欢的文字颜色

在改完背景颜色后,一些文字的颜色会与该背景颜色相似,这样就不能突出地显示该文字颜色,所以在更改背景颜色的同时,我们还要对网页中文字、链接等的颜色进行修改。以上各项的修改语句为:<body bgcolor="#" text="#" link="#" alink="#" vlink="#">。其中,bgcolor表示背景颜色,text表示没有链接文字颜色,link表示可链接文字颜色,alink表示正被点击的可链接文字颜色,vlink表示已经点击(访问)过的可链接文字颜色。修改时将各项语句中的“#”换成相应的颜色代码即可。

把LOGO图标插入博客

为了让自己的博客网站彰显个性,还需要添加一些个性图片和动画文件,如插入自己的LOGO图标,在 “<body>”字段后面找到类似<img src="01.gif" alt="我的动画" width="352" height="240">语句,然后将“src=”后面的图片名称换为自己的图片名称;在“alt=”后面输入鼠标提示语句;后面的width和height项表示图片在网页中显示的宽度和高度。

提示:在更改图片时,我们要根据网页中的图片大小选择适当的图片进行更换,更换时尽量不要修改width和height两项的值,否则会影响整个网页的布局。

边听音乐边浏览

将自己最钟爱的歌曲添加到博客网页中做背景音乐,每次登录到该网页就会有熟悉的旋律响起,这样会给人一种惬意的感觉。

添加背景音乐时,在<body>字段下键入<embed SRC="http://www.hongit.com/d2y/rm/011.rm" autostart="true" HIDDEN LOOP="ture" width="25" height="21">语句,从该语句中我们可以看到该网页的背景音乐链接的是一个rm文件,当然我们还可以将它换成mid、wav、mp3等格式,建议选择rm或mid格式的文件做背景音乐。在该语句中autostart="true"表示自动播放,HIDDEN LOOP="TRUE"表示播放器面板,如果要想显示播放器可以从语句中将该字段删除。width和height是播放器面板的高度和宽带,在此我们根据需要进行输入,单击“预览”按钮,这时就有声音播放了。

提示:复制背景音乐代码时,为了网页的美观,我们应该将该语句复制到HTML源代码的最下端,这样在浏览网页时,播放面板就会出现在网页的下方而不会影响网页的布局(图2)。

11-g9-1-2.jpg
图2

点评

学习了这个修改博客页面的方法后,我们就可以对任何一个博客网站进行修改。当然,在弄清HTML网页代码的原理后,完全可以使用Dreamweaver或FrontPage来设计页面,发挥自己的创意,打造出独一无二、时尚个性的博客网站。