拥有地中海风情俏博客

董师傅茶坊

系列连载二:3号博客装修师

一年前,朋友见面问小R“你今天开博了吗?”

一年后,朋友见面是问小R“你博客装修了吗?”

汗!小R的搜狐博客就那几个老模板素面朝天躺在那里。幸好在论坛上寻觅到一个博客装修高人!学习了一周,小R也开始了自己的博客装修之路。

装修日记:第一天 激动 大干一场 晴

给博客换一个自定义漂亮主题

装修要点:1.在颜色协调、美观的基础上,自定义博客页面的头图和背景图片。

适用对象:所有博客

2.根据喜好添加博客的基础模板,调整各模板布局。

博客主题之对于博客,就像地砖、涂料之对于毛坯房,因为它们都是装修的第一步。一般来说,各类博客都有自己的主题模板,不过种类不够丰富,但这没关系,你仍然可以先选择一个满意一点的模板,然后再对它进行细节修改。

第一步:替换博客主题。首先打开浏览器,登录到搜狐博客的后台页面,小R在搜狐的“部落窝主题专区”选择了一款有着夏天味道的蓝色海洋主题模板。

第二步:修饰出完美主题背景。虽然这套海洋模板感觉不错,但右上角“蓝色世界”几个大字就比较碍眼,想去掉它,很简单。于是小R截下顶部的图片,用Photoshop在原图片的基础上用卡通女孩换掉了白色文字。然后,在搜狐博客的界面右上方的“设置主题”选项使用“主题自定义”功能,将页面“头图”换成刚才修改后的图片。另外,在“主题自定义”中还可以替换“页面背景图”。具体图片素材该选择多大,可以在自定义主题时,先用博客自身提供的图片替换看效果,返回首页后在图上点右键查看属性得到图片的长宽大小,然后再根据这个大小裁剪自己的素材图片,再上传。

第三步:调整模板版面。每种博客都含有丰富的模块内容(如访问统计、留言本、相册图片、音乐、自定义链接等),支持鼠标拖动操作调整每个模块的位置,操作起来非常简单。

装修日记:第二天 博客越来越漂亮了 心情很好 晴

添加漂亮挂件和装饰素材

装修要点:学会引用代码,在准确的位置布置挂件等Flash动态装饰。

适用对象:引用代码适用于各大支持代码添加的博客,如搜狐博客、新浪博客、MSN共享空间等。

除了腾讯Qzone的装修个性很强外(模版丰富、装饰素材多、但是要花钱购买素材),其他各大博客内置的风格设计稍显单一,因此很多博客网站以及C2C网络商店都喜欢利用无穷的网络素材资源给博客添加上漂亮的挂饰等来美化页面,小R也来给自己的搜狐博客挂几个漂亮的动态挂件。

第一步:添加漂亮的图片挂件

搜狐博客所有的自定义代码位置都在“个人档案”的编辑选项中,其中网页挂件代码为:<img src="图片地址" />。将这段代码拷贝到“个人档案”的编辑框,再把“图片地址”换上网页挂件的真实URL地址信息(图1),确定后保存就能在博客首页的个人档案模块中看到增加的挂件动画了。

26-f4-05.jpg
图1

网上很多素材网站都提供了挂件选择,大家只需要先找到挂件图片的网址,便能为博客挂满好看的挂件图片。

第二步:添加小巧可爱的动态悬浮挂件

如果想在任意位置添加动态悬浮挂件,只需要在第一步的代码前再增加这样一段代码,请记住:

<div style="LEFT: 280px; POSITION: absolute; TOP: 150px" align="left"></div>

其中“LEFT:280px”是指该素材距离网页左边距离280像素,“TOP: 150px”是指该素材距离页面顶部距离150像素,“POSITION: absolute”是指的绝对距离,即以页面左边和顶部0像素的位置为参照标准。“align=“left””指素材向左对齐。各个位置的距离参数可自己修改。

如果要布置一个悬浮动态挂件的完整代码为:

<div style="LEFT: 280px; POSITION: absolute; TOP: 150px" align="left"><img src="图片地址" /></div>

如果要添加两个挂件,就适当修改后写(粘贴)两次代码便可。这样就可以在博客页面上随意悬挂自己喜欢的挂件了,看看是不是很漂亮呀:)(图2)。

26-f4-06.jpg
图2

第三步:随意镶嵌透明图片到博客页面

使用透明代码的好处是,在不影响阅读文章的情况下将博客网页做得更花哨些。

搜狐博客还支持图片透明代码:<img style="FILTER: alpha(opacity=90, finishOpacity=0,style=2)" src="图片地址" />

其中“FILTER”指滤镜;“opacity=90”指图片起始透明度,有效范围“0~100” ;finishOpacity=0”指图片结束透明度,有效范围“0~100”。

另外,也可以用图片处理工具事先将图片处理成透明,再传到网上支持图片外链的空间,最后以挂件的形式展示出来。

第四步:素材时钟、日历、特效的添加方法

通过在“个人档案”编辑框里加入代码的方法,还可以在博客上添加Flash时钟、Gif动态表情图、Flash日历等多种素材。

提示:添加的悬浮挂件或者素材如果遮住了博客功能设置按钮,在搜狐博客中可以进入“大本营”设置页面(该页面不会显示自定义的各种素材),或者用鼠标移动各个模块的位置,把模块放到不被遮盖的地方再点用功能按钮。还有个办法就是使用“添加模块”功能,把要点用的模块位置往下移直到不被悬浮图遮住为止。

第五步:做个不一样的鼠标指针

浏览博客时,鼠标不再是传统的指针显示而变成活跃的动画图片效果,这是很多网友装修博客时都喜欢使用的装修风格。小R现在把鼠标代码献上:<img src="javascriptcriptcript:document.body.style.cursor='url(\'鼠标地址\')'" width="0" height="0" />代码就可以在网页上更换鼠标样式。目前搜狐博客屏蔽了JAVA代码功能,无法使用自定义鼠标效果,不过其它博客仍然支持。

装修日记: 第三天 装修完毕 晴

换一个动感音乐播放器

很多博客的播放器不光是样式呆板(WMP的界面条),功能也不够智能(如不能自己点击播放列表里的歌曲),不过没关系,同样可以通过网络素材给自己的博客替换更酷的播放器。

在搜狐博客上添加Flash播放器的代码为:

<embed style="LEFT: 380px; POSITION: absolute; TOP: 450px" align="right" src="Flash播放器地址" width="450" height="320"></embed>

其中“style”的代码是决定播放器在网页上的位置,“width=“450” height=“320””代码是Flash动画的宽度和高度尺寸。

由于搜狐博客的“个人设置”有字符数限制(2000字),小R精简了一下自定义的素材,然后加上Flash播放器。

经过几天辛勤的装修,小R的博客在各种素材的装扮下已经脱胎换骨变了样,最后再对博客的版面进行了一番调整,大功告成,起码又可以欣赏三个月了。

26-f4-08.jpg
图3 最终效果图

各大博客装修要点

1.新浪博客

进入“管理博客→自定义设置→首页内容维护”中选择“编辑公告”,把各类代码粘贴到“公告”的源代码里,最后在“定制我的首页中”添加公告模块便可。

2.MSN共享空间

需先在http://gallery.live.com/liveItemDetail.aspx?li=ae8fed66-04a0-4b8c-a615-43c20ddcaf36这个地址,加入“html自定义栏”的选项,根据提示选择安装到“共享空间”。

安装成功后,在自己的MSN共享空间里就有了“html自定义”模块,再把代码放进去,不过目前MSN空间的代码只能添加956个字符。而且挂件不能网页悬浮显示,透明滤镜代码可用。

3.博客中国

博客中国添加挂件素材不需要代码,直接在“编辑模板”里的“可视化编辑”里找到要加入挂件的位置,插入图片便可。

本文代码集合请到http://www.cpcw.com/bzsoft下载,对主流博客均适用。

博客装修素材库

装修工期里小R搜集了一些不错的素材网址,推荐给大家,如果是男孩子装修自己的博客,可挑选男性风格的素材来装扮。

各种挂件动画素材:http://www.2008m.net

Qzone素材:http://www.qqjay.com

网页素材网站:http://www.tucoo.com

Falsh播放器大全:http://www.mbcn.cn/article/241/2007/2007040520568.html