跟我一步步打造自己的个性化blog!

深夜。安静。适合写帖子。开始。第一次在这里写这么长的帖子,呵呵

       使用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="<%respons
e.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,改掉他,使其跟界面比较协调。这是我的效果:

Leave a comment

You must be logged in to post a comment.