云想衣裳花想容博客换妆大不同

站长空间

说到博客,当然是“内容为王”,精彩的内容是一个成功博客的必备条件。当然,在这个眼球经济的时代,如果你的博客不仅仅有精彩的内容,还有与众不同的界面,一定能更加吸引眼球。很多著名的博客空间都提供了多种模板,但要想避开“千博一面”的局面,还有什么比个性化的博客界面更直接?

就目前注册用户较多的博客来说,主要分为两派。一是以百度空间(http://hi.baidu.com),5D博客(http://blog.5d.cn)为代表的可以完全自定义CSS来实现美化,这种方式更适合对网页设计比较熟悉的网友;另一类是以搜狐博客(http://blog.sohu.com)为代表的,通过组合丰富的模块来达到美化目的,这种所见即所得的方式,只需要简单的排列组合即可做出心仪的界面,对初级用户来说非常有亲和力。云想衣裳花想容,博客换装大不同!且让我们以用户较多的百度和搜狐博客为例,深入研究如何给博客换妆!

自定义百度博客

我毫不掩饰对百度空间的喜爱,因为它有相当多的地方都可以按照自己的想法来打造,如果碰巧还会一些简单的CSS,那么恭喜你了,一个美观大方的博客的诞生只是时间问题。

一、选择模板格式

登录到你的博客空间,点击上方的设置按钮,有基本选项、选择模板、自定义模板、高级设置和访问统计五个选项,我们需要用到的是2~4项。首先点击选择模板,选一个对它的格式比较中意的模板,然后应用模板到自己的页面上。接下来点击高级设置按钮,在这里可以进行打开或关闭内置的模块,选择和拖曳调整页面的版式以及自定义背景图等一系列操作。

47-f18-1.jpg

二、自定义模板

选择自定义模板,点击创建新模板按钮,一大段CSS代码就出现在眼前了,先别头痛,点击上方的CSS说明,百度已经准备好了常用代码的说明。你只需要按照说明替换选定区域的字号,颜色或图片位置就可以轻松自定义自己的博客了。

下面,我们来看看一小段简单的代码是怎样像马良的神笔一样让博客绽放光彩的。

1.定义页面背景

定义页面背景,只需要修改第一行代码就可以。

在这里background-color:#FFFFFF定义的是背景颜色,我们可以从上面提到的CSS说明中查到#FFFFFF是白色,现在只需要把鼠标移到你喜欢的颜色上点击左键,色彩的代码就会出现在右边的方框中,直接替换掉#FFFFFF,保存设置后就会看到页面背景已经变成你选择的颜色了。

也许有人会问了,有些博客的背景是美丽的风景图,这是如何做到的呢?其实不难,看看下面这段代码,你就知道答案了。

body{background:url(图片地址) no-repeat }

把定义颜色的代码换成这段,就可以设置喜欢的图片为背景了。在这里,有必要解释一下no-repeat这一系列参数。

repeat:背景图像在纵向和横向上平铺

no-repeat:背景图像不平铺

repeat-x:背景图像在横向上平铺

repeat-y:背景图像在纵向平铺

2.自定义鼠标样式

在最上面的body{background-color:#FFFFFF}后加入以下代码:

body{CURSOR: url(鼠标地址)}

a:hover{CURSOR: url(鼠标地址)}

第一行代码定义的是正常状态下鼠标的形状,第二行代码定义的是指向链接时鼠标的形状。至于鼠标的地址,网上有很多资源提供,大家直接引用就可以了。

3.分割线也要做文章

把分割线做成一束花,还是一只小狗,全凭你喜欢。在百度空间里面,有这样一些地方的分割线可以通过自定义来达到美化的效果。你只需要找到这些代码,用以下代码替代即可。

文章栏目分割线:

#m_blog div.line{margin-top:17px;line-height:17px;background:url(图片地址) repeat-x}

评论栏目分割线:

#m_comment div.line{background:url(图片地址);line-height:12px}

文章分类分割线:

#m_artclg div.line{background:url(图片地址);line-height:12px}

友情链接分割线:

#m_links div.line{background:url(图片地址);line-height:12px}

百度空间里还有很多地方可以通过修改CSS代码来美化,鉴于篇幅的原因,我们就仅提供上面这些,有兴趣的朋友可以自己摸索一下。

自定义搜狐博客

搜狐博客在自定义方面要逊色一些,不过凭借它相当丰富的拖放式模块,多少弥补了一些在自定义代码方面的不足。这种所见即所得的布局方式也大大简化了用户的操作过程,十分适合初学者上手。

47-f18-2.jpg

登录后点击设置主题按钮,同样可以看到搜狐提供的大量精品主题,虽说数量上比百度空间少,但是质量却一点也不差,不过最后的自定义主题功能确实有点鸡肋的感觉,只能简单的定义头像和背景图像而已,希望今后可以开放更多的功能给追求个性的用户。

接下来,点击添加模块就可以看到搜狐精心准备的模板功能了。一共分为10个模块,应该已经涉及博客的方方面面了。你需要做的仅仅是把感兴趣的模块拖放到合适的地方,保存修改就可以看到效果了。这种方式对于初学者来说更加直观,更加具有亲和力,也不失为一种好办法。

除了这些,我们就没有办法展示自己的与众不同了吗?当然不是,我们可以通过修改个人档案来曲线地实现一些特效:点击主页右上角“管理我的博客按钮”打开后台界面,点击修改个人文档,将我们提供的代码贴在主人档案处再点击保存即可。

47-f18-3.jpg

1.天气随时看

一个很好看的天气预报小插件,随时为你播报各地的天气,实在是居家旅行必备。<embed style="overflow:hidden;width:180px;height:200px" src="http://aw.awflasher.com/getweather.swf" width="190" height="200" type="application/x-shockwave-flash"></embed>

2.音乐随时听

<embed style="TEXT-ALIGN: center" src="歌曲地址"width="180" height="60 "type="audio/mpeg" autostart="true" loop="true"></embed>

如果不想自动播放歌曲,把autostart=”true”修改为autostart=”false”即可。另外,把width,height后面的值修改为0,可以起到隐藏播放器的作用。

好了,暂时就提供这么多吧。如果你有更好的代码,欢迎和我们一起分享!如果你的博客不在这两个网站怎么办?其实方法大同小异,聪明的你,难道还不能举一反三?^_^