Z-Blog的默认主题是没有logo的,但我们可以通过修改CSS样式表添加上自己选定的博客网站logo图片,让它出现在博客名称的前面。

工具/原料

logo图片(自备)、Z-Blog博客程序及管理员权限

步骤/方法

选定自己博客网站的logo图片,大小根据不同网站而定,不要太大,否则加载速度与外观都不好看。图片大小后期也可以再修改以更适合网站。(本例中以logo.jpg为logo图片文件名)

将图片用FTP上传到博客网站空间某个文件夹下,本例中将logo.jpg放到默认主题的样式文件夹下,即\THEMES\default\STYLE\default\

进入Z-Blog后台管理-文件管理,找到默认主题的CSS样式表文件,一般默认主题的样式表文件在\THEMES\default\STYLE\下的default.css

打开编辑default.css,添加以下内容:

#divTop a{

background-image: url("default/logo.jpg");

background-repeat: no-repeat;

padding-left: 50px; }

保存后即可生效,不用Z-Blog重建文件就可以看到效果,效果见下:

注意事项

divtop是Z-Blog默认主题的顶部模块名称,包括博客主标题与副标题都在这里

添加的css代码中第一行的background-image后面的url中是logo图片的路径,我这里用的是相对路径,可按你上传的logo图片的位置与图片文件名改写;

最后一行的padding-left是文字的缩进长度,避免博客标题与logo图片重叠,可按具体情况改写后面的数值。

参考资料

http://www.logozj.com/