偶然在逛PJ论坛的时候,发现了博客统计功能可以增加。也就是PJ后台BlogInfo系统模块,通过修改asp和模块后台的代码,能够将博客统计增加今日日志、今日评论、今日留言、今日引用、运行天数等统计。引用论坛代码后,进一步简化修改成功。我把修改过程撰写出来,希望能够给所有需要这个博客美化功能带来方便。
第一步,增加library.asp部分代码。library.asp所在位置是common目录下,也就文件common子文件内。利用Dreamweaver软件打开,找到第191行str=replace(str,”$blog_OnlineNums$”,vOnline)后面添加代码,增加后上传到空间即可。
增加统计代码参考如下
申请使用独立博客也已经超过了一个多月,在这期间也一直在不断努力学习独立博客PJblog美化教程。同以前我博客中国人的Oblog托商博客相比,美化过程更加有主动性与自主性。尤其适合一些比较喜欢打造个性空间的博客者使用。在PJblog官方论坛(http://bbs.pjhome.net/)里早就有一大堆的美化教程放在里面共享。但我作为一个刚刚接触PJblog的初次使用者,学习过程经验也需要不断积累。我在“美博廊”增加的新区教程:PJblog博客,希望这个学习教程,能够为将来所有或现在正在使用的博友们带来捷径。这样可以避免少些错误,少走弯路,提高我们美化博客的效率。从我个人角度出发,我会自行选择适合我自身博客美化的技巧,所以教程不会追求全面,只追求实用而简单易学。
现在使用的独立博客有评论与留言验证码识别功能,这样在某种程度上可以缓解垃圾信息进入博客内。使用一段时间后,自己感觉验证码其实也是一个负担,尤其是有几位博友向我诉苦道:“我明明验证码输入没有错误的,可是偏偏会报错。所以来了好多次,都没有留言成功。为此很失望,能不能取消验证码这个功能呢?”其实,验证码报错的原因分析主要如下:第一,验证码中数字0和字母o不容易区分;第二,验证码中因为彩色生成,易产生视觉疲劳;第三,输入者误将数字与字母的全角当成半角。所以也曾经为此苦恼过一阵子,为了缓和矛盾,在后台修改成会员免输入验证码,但最终没有能够取消验证码功能。最终在PJblog官方论坛找到相关的修改教程。
PJblog官方论坛关于验证码系统自动填写全文代码(作者:未注明官方收集):
在Blog根目录wwwroot新建一个“*.asp”文件,在里面填写以下代码:<script>if(parent.document.all.validate)parent.document.all.validate.value=”<%=Session(”GetCode”)%>”;</script>
然后在footer.asp的最上面插入一句:
<iframe frameborder=”no” height=0 width=0 src=”*.asp” mce_src=”*.asp”></iframe>
现在将自己修改过程回放如下:
第一,利用dreamweaver软件新建动态页asp.net的格式,将第一句代码粘贴新建“代码”页面,原来代码一定要清空,然后另存为nianzheng,记住保存类型一定选择*.asp的。并且将其保存到wwwroot文件下,与footer.asp同档目录。
第二,找到footer.asp文件打开,修改方法有两种,一种是打开方式以记事本修改,一种是还是利用dreamweaver软件。在打开的页面,插入第二句代码,千成要记住一点,那就是把*.asp换成你刚才保存的文件名,我使用的是nianzheng.asp,然后保存即可。利用上传软件传到空间就完成了。


这是我平生第一次接触asp,没有想到第一次修改就可以搞定,略有小成就感,真是开心!经过此次修改,让验证码变成自动填写,就可以为游客与会员们带来方便。希望以后自己能够多多学习这方面的美化教程,把现在的博客一些功能进一步美化。只有不断地通过学习,才能更好发挥博客应有功能。我一直会努力把自己PJblog博客美化心得写成教程一起交流与分享。
声明:以下内容及图片全部转载puterjam博客。
一、PJBlog2的网页结构图相关资料
PJBlog2的界面一共用到5个CSS文件
global.css 全局样式表
layout.css 层次样式表
typography.css 局部样式表
link.css 超链接样式表
UBB/editor.css UBB编辑器样式表




二、关于Skins的XML定义
PJBlog2的界面必须拷贝到 Skins\文件夹下面,而且每一个界面都必须包含一个skin.xml 界面配置的XML文件才可以被系统读取。
1. 界面配置文件 skin.xml 结构
<?xml version=”1.0″ encoding=”UTF-8″?>
<SkinSet>
<SkinName>默认皮肤 - Flash导航条风格</SkinName>
<SkinDesigner>PuterJam</SkinDesigner>
<pubDate>2004-11-6</pubDate>
<DesignerURL>http://puterjam.vipx.net</DesignerURL>
<DesignerMail>puterjam@etang.com</DesignerMail>
<Flash>
<UseFlash>-1</UseFlash>
<FlashPath>head.swf</FlashPath>
<FlashWidth>748</FlashWidth>
<FlashHeight>80</FlashHeight>
<FlashAlign>center</FlashAlign>
<FlashTop>0</FlashTop>
<FlashTransparent>-1</FlashTransparent>
</Flash>
</SkinSet>
2. 界面配置文件 skin.xml 字段分析
SkinName 界面名称
SkinDesigner 界面设计者
pubDate 发布时间
DesignerURL 设计者主页
DesignerMail 设计者电子邮件
Flash/UseFlash 是否使用Flash导航条 0=false -1=true
Flash/FlashPath Flash导航条路径名
Flash/FlashWidth Flash导航条宽度
Flash/FlashHeight Flash导航条高度
Flash/FlashAlign Flash导航条对齐方式 left | right | center
Flash/FlashTop Flash导航条距离页面顶部高度
Flash/FlashTransparent Flash导航条是否透明 0=false -1=true
三、PJBlog2界面的其他说明
1. 每个界面下面的 UBB/ 文件夹里面的文件都不能少.因为它提供给UBB编辑器图片和样式等信息
2. 自定义模块也有属于自己的样式定义. 自定义模块目前有两总类型:
一种是内容模块 Content Module;另一种是侧边模块 Side Module.
需要控制某个自定义模块时就可以使用#Content_<模块标识> 或者 #Side_<模块标识> 来独立控制它们的样式.
例如:某个侧边模块的标识#Category, 那么就可以用#Side_Category来控制这个模块的CSS.
3. Flash 导航条如何获取日志分类?
PJBlog2提供了一个 menu.asp 的文件,它动态输出了日志分类的XML文件
SiteName 站点名字
SiteURL 站点地址
Menu/MenuName 分类名称
Menu/MenuIntro 分类说明
Menu/MenuType 分类类型 0=同时在顶部和侧边显示 1=只在顶部显示 2=只在侧边显示
Menu/MenuUrl 分类链接地址
Menu/logNum 分类日志数目
为了在网站中放置google广告,我几乎查遍整个PJ论坛而未果。做为一款优秀的博客程序,PJ给我们带来的方便不言而喻,但其官方论坛却日渐萎靡,用户交流问题的态度和方法往往让人难以信服。
天助自助者,所以自己的努力往往是解决问题的最佳途经。以下是本人在PJ程序中放置google广告的切身经验,现拿出来和大家分享。
一、动态模式
1、在页面底部放置
在后台建立一个新的“内容模块”,切记是“内容模块”而不是“侧面模块”,然后把序号设置为内容模块中的最大值即可。
2、在页面顶部(导航菜单下)放置
也是在后台建立一个新的“内容模块”,然后把序号设置为内容模块中的最小值。
以上的最大值和最小值并不是确定的,因为您设置在顶部或者底部的内容模块不一定只有google广告,所以您完全可以通过更换排序来设计您自己的页面布局。
3、在侧面放置广告
同样的方法是建立一个“模块”,但是这一次选择“侧面模块”,您的广告位置完全由您设置的数值决定。
在PJ的模块中,您完全可以粘贴两段及其以上的google广告,然后组合出不同长宽比例的广告块,但是事实证明,分散的广告布局总比集中的要更好一些。
4、在日志内容右侧(左侧)放置
打开class文件夹下的cls_article.asp文件;
在114行处找到<div id="logPanel" class="Content-body">
在后边加上:
<div id="vad" class="paper01" style="float:right;">
<div class="aditem_paper01">
然后再写上google的广告代码即可。
具体示例如下:
<div id="logPanel" class="Content-body">
<div id="vad" class="paper01" style="float:right;">
<div class="aditem_paper01">
<script type="text/javascript">
<!–
google_ad_client = "pub-2058394849077200";
google_ad_width = 250;
…………
//–>
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div></div>
在上边的代码中,如果使用style="float:right;"则是把广告设置在右侧;如果把right改成left则是把广告设置在左侧。代码最后的</div></div>一定要写上,否则也会出现问题,这个就不用我解释了。
5、在日志内容底部放置
打开class文件夹下的cls_article.asp文件;
找到以下代码:
<%
keyword=CheckStr(Request.QueryString("keyword"))
if log_ViewArr(10,0)=1 then
response.write (highlight(UnCheckStr(UBBCode(HtmlEncode(log_ViewArr(8,0)),mid
(log_ViewArr(11,0),1,1),mid(log_ViewArr(11,0),2,1),mid(log_ViewArr(11,0),3,1),mid(log_ViewArr(11,0),4,1),mid(log_ViewArr(11,0),5,1))),keyword))
else
response.write (highlight(UnCheckStr(log_ViewArr(8,0)),keyword))
end if
%>
在之后的两个<br/>之间写上google广告代码即可。
具体示例如下:
<%
keyword=CheckStr(Request.QueryString("keyword"))
if log_ViewArr(10,0)=1 then
response.write (highlight(UnCheckStr(UBBCode(HtmlEncode(log_ViewArr(8,0)),mid(log_ViewArr(11,0),1,1),mid(log_ViewArr(11,0),2,1),mid(log_ViewArr(11,0),3,1),mid(log_ViewArr(11,0),4,1),mid(log_ViewArr(11,0),5,1))),keyword))
else
response.write (highlight(UnCheckStr(log_ViewArr(8,0)),keyword))
end if
%>
<br/>
<script type="text/javascript"><!–
google_ad_client = "pub-2058394849077200";
google_ad_width = 468;
google_ad_height = 60;
…………
//–>
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br/>
二、静态模式
1、在页面底部放置
和动态模式相同
2、在页面顶部(导航菜单下)放置
和动态模式相同
3、在侧面放置广告
和动态模式相同
4、在日志内容右侧(左侧)放置
打开Template文件夹下的Article.asp文件;
在20行处找到<div id="logPanel" class="Content-body">
然后按照动态模式的方法加上代码即可。
5、在日志内容底部放置
打开Template文件夹下的Article.asp文件;
找到
<$ArticleContent$>
在之后的两个<br/>之间写上google广告代码即可。
注意:在修改代码的过程中,最好能够使用DW等软件工具,如果您确实要使用记事本,请另存为utf-8格式,否则会出现乱码现象。
★本文转载自『小风根据地』★原文网址:http://www.w7w2.cn/article.asp?id=1