深夜。安静。适合写帖子。开始。第一次在这里写这么长的帖子,呵呵
使用pjblog已经2个多月了,也算是很熟悉的了。我很喜欢把自己的blog打造成适合自己的、适合访客的。什么叫个性化?就是把blog打造成你喜欢的样子,打造成访客喜欢的样式。对自己对访客也算是人性化吧。我在源码与图片上做了一些小小的调整,这样看起来很有意思。至于怎么有意思,就一步步随我来看看吧!我的blog:
http://www.KissBaidu.com/
注:以下帖子中涉及到的代码中的文字的替换步骤均Ctrl+F查找替换,不再详细的叙述;本文也省略了一些常规的操作方法的描述,比如:添加一个新模块,请参考这里
http://bbs.pjhome.net/viewthread.php?tid=6671&extra=page%3D1
把这些经验写出来,欢迎大家跟我交流:)
先从前台显示的界面开始吧
--------------------------------------------------------------------------
1、调整用户面板的词语,使登陆前后的的显示更加整齐;
代码涉及的文件:
\common\library.asp 修改代码中的词语,改变登陆前后显示给访客的菜单,使其很整齐,看起来舒服;
这是修改后显示在首页登陆界面的效果
这是修改后的登陆界面,给登陆的访客更亲近的感觉
这是修改后登陆后的界面,非常整齐,意思也表达清楚了
--------------------------------------------------------------------------
2、增加RSS订阅模块;
很多访客喜欢用RSS订阅的方式来阅读blog,但是看看现在大多的blog,放N个RSS订阅的图标,整个页面不协调、不美观。我的做法是在feedsky.com申请一个统一的RSS地址。我申请的是
http://feed.feedsky.com/kissbaidu,然后在后台模块中增加一个RSS模块,编辑HTML代码,插入图片、文字,链接上刚申请的RSS地址,这就成了一个简单、美观的RSS订阅提示模块。效果如下图:
把我的代码共享出来:
<table width="100%" border="0" cellpadding="0" cellspacing="1">
<tr>
<td height="32"><a href="http://feed.feedsky.com/kissbaidu" target="_blank"><img src="http://www.kissbaidu.com/images/rss.gif" border="0" align="left"></a><a href="http://feed.feedsky.com/kissbaidu" target="_blank"> 订阅RSS把握百度最新动态<br>
支持各种形式的RSS阅读器</a></td>
</tr>
</table>
如果你的blog已经备案,也可以用这个代码做一个简单、美观的备案模块,这是我的效果:

--------------------------------------------------------------------------
3、调整你喜欢的留言本头像;
如果你只想替换掉默认的留言本头像,请进入
/Plugins/GuestBook/face/,替换掉现有的头像即可。我就找了一套与KissBaidu.com比较贴近的百度知道表情替换了默认的头像。但是如果你想有更多的头像,怎么办呢?比如我就不是默认的7个头像,我找的是8个头像,多了一个。
先打开
\Plugins\GuestBook\setting.xml 可以在最后面看到face部分代码,加上下面一段,按照顺序排列:(
蓝色部分为新增的)
<Key name="face1" value="Plugins/GuestBook/face/face1.gif" type="input" description="用户头像1地址(48X48)" size="40"/>
<Key name="face2" value="Plugins/GuestBook/face/face2.gif" type="input" description="用户头像2地址(48X48)" size="40"/>
<Key name="face3" value="Plugins/GuestBook/face/face3.gif" type="input" description="用户头像3地址(48X48)" size="40"/>
<Key name="face4" value="Plugins/GuestBook/face/face4.gif" type="input" description="用户头像4地址(48X48)" size="40"/>
<Key name="face5" value="Plugins/GuestBook/face/face5.gif" type="input" description="用户头像5地址(48X48)" size="40"/>
<Key name="face6" value="Plugins/GuestBook/face/face6.gif" type="input" description="用户头像6地址(48X48)" size="40"/>
<Key name="face7" value="Plugins/GuestBook/face/face7.gif" type="input" description="用户头像7地址(48X48)" size="40"/>
<Key name="face8" value="Plugins/GuestBook/face/face8.gif" type="input" description="用户头像8地址(48X48)" size="40"/>
然后打开 \Plugins\GuestBook\guestbook.asp 同样,使用上面的方法,增加一样的代码,按照顺序排列:(
蓝色部分为新增的)
<a href="javascript:void(0)" class="CFace" id="face1" ><img src="<%response.write GBSet.getKeyValue("face1")%>" alt="" border="0"/></a>
<a href="javascript:void(0)" class="LFace" id="face2" ><img src="<%response.write GBSet.getKeyValue("face2")%>" alt="" border="0"/></a>
<a href="javascript:void(0)" class="LFace" id="face3" ><img src="<%response.write GBSet.getKeyValue("face3")%>" alt="" border="0"/></a>
<a href="javascript:void(0)" class="LFace" id="face4" ><img src="<%response.write GBSet.getKeyValue("face4")%>" alt="" border="0"/></a>
<a href="javascript:void(0)" class="LFace" id="face5" ><img src="<%response.write GBSet.getKeyValue("face5")%>" alt="" border="0"/></a>
<a href="javascript:void(0)" class="LFace" id="face6" ><img src="<%response.write GBSet.getKeyValue("face6")%>" alt="" border="0"/></a>
<a href="javascript:void(0)" class="LFace" id="face7" ><img src="<%response.write GBSet.getKeyValue("face7")%>" alt="" border="0"/></a>
<a href="javascript:void(0)" class="LFace" id="face8" ><img src="<%response.write GBSet.getKeyValue("face7")%>" alt="" border="0"/></a>
这样就新增了一个头像,并且可以使用了 哈哈,下面是我8个头像的效果:
注:换留言本以及文章中插入的表情可以在后台直接操作:登陆后台--表情与关键字,我同样换了我自己喜欢的表情;
--------------------------------------------------------------------------
4、调整系统管理登陆界面,逐步个性化!
首先,我希望我的blog完全成为我自己的blog,后台也如此,修改
/images/Control/logo.gif,改变默认的图片,改我blog的logo;
打开
根目录下的control.asp,可以更改输入密码的提示语以及输错密码后的提示语,看看我改的效果:
登陆前的界面
提示密码错误的页面
涉及的代码:
<div style="padding:16px;padding-top:40px"><b style="margin-left:-76px;">
老大,请输入密码: </b><br/><input name="adpass" type="password" size="20" style="border:1px solid #999"/></div>
----------------
session(CookieName&"_ShowError")="
我靠,密码错了!"
Response.Redirect("control.asp")
else
if chUser("mem_Password")<>SHA1(getPass&chUser("mem_salt")) then
session(CookieName&"_ShowError")="
我靠,密码错了!"
Response.Redirect("control.asp")
--------------------------------------------------------------------------
5、更改系统管理页面的logo,彻底个性化!
系统界面左上方的醒目logo显然让偶很不满意,呵呵 就是这个图片 /images/Control/Pic2.jpg,改掉他,使其跟界面比较协调。这是我的效果:
以上是比较简单的修改方法,也许有的blogger不喜欢这些界面上的、语言的调整,没关系,此文献给喜欢个性化的朋友!欢迎批评指正!欢迎您与我交流:)我的blog:
http://www.KissBaidu.com/
[
本帖最后由 百度粉丝 于 2006-10-15 03:06 编辑 ]