如何为Z-BLOG边栏增加Feed订阅功能模块
Z-BLOG博客程序是国内ASP单用户博客用户使用最多的一款,无论是程序设计还是数据库规划都是非常简洁。天缘博客最初也是使用Z-BLOG程序,感觉也是非常好。熟悉Z-BLOG当然就是从最简单的修改着手,本文介绍为Z-BLOG边栏增加FEED订阅功能,方法也是非常简单,只需要简单的三步即可完成。
1. 首先在z-blog的INCLUDE目录下创建一个空的asp文件:subscribe.asp
内容如下:
<li>订阅我的博客: <a href="http://feed.metsky.com" target="_blank"><img src="/image/logo/sub_rss.gif" border="0" alt="订阅我的博客" /></a></li>
<li><a href="http://www.google.com/reader/view/feed/http://feed.metsky.com" target="_blank"><img src="/IMAGE/LOGO/sub_google.gif" border="0" alt="通过GOOGLE订阅本站" /></a></li>
<li><a href="http://www.xianguo.com/subscribe.php?url=http://feed.metsky.com" target="_blank"><img src="/IMAGE/LOGO/sub_xianguo.gif" border="0" alt="通过鲜果订阅本站" /></a></li>
<li><a href="mailto:mlongvon@gmail.com" target="_blank"><img src="/IMAGE/LOGO/sub_email.gif" border="0" alt="通过邮件订阅本站" /></a></li>
这里,大家也可以增加其它的feed订阅入口,比如抓虾等,当然LI标签中的对应图标大家也可以选择自己喜爱的,也可以把本站的图标另存为,不用客气,另外,目前Feedsky已经支持邮件订阅功能(具体请参:为您的博客配置FeedSky订阅)。
邮件订阅框代码样式如下(该代码直接输入email就可以邮件订阅):
<script language="javascript" type="text/javascript" src="http://www.feedsky.com/msub_ajax_sub_js.html?burl=metsky&t=1&c=blue"></script>
效果如下:
链接代码样式(该代码需要点击一次链接再输入EMAIL才可以邮件订阅):
<a href="http://www.feedsky.com/msub_wr.html?burl=metsky"><img src="http://www.feedsky.com/images/icon_sub_mail_c1s2.gif" border="0"/></a>
效果如下:
2. 然后在z-blog的模板TEMPLATE下default.html下测边栏适当位置增加订阅调用代码
<div class="function" id="divSubscribe">
<h3>订阅我的博客</h3>
<ul>
<#CACHE_INCLUDE_SUBSCRIBE#>
</ul>
</div>
需要注意的是,这里的CACHE_INCLUDE_SUBSCRIBE模板标签就是由以上调用的asp文件名组成,所以对应关系一定要正确。
3. 修改CSS样式支持订阅代码
在Z-BLOG模板下的STYLE CSS风格中增加以下规则(实际上就是去掉原CSS的LI风格重新设定本DIV标签下的LI风格,用户根据实际情况修改):
#divSubscribe li
{
margin:0;
padding:2px 0 1px 15px;
background:none;
}
4. 重建页面即可
如果需要在文章展示页边栏也增加订阅模块功能,只需要在TEMPLATE下的single.html文件下按照以上步骤修改即可。
5. 补充增加其它功能模块方法(可选)
同样方法,大家可以增加侧边栏的广告和站内搜索等功能模块。实例程序如下:
<div class="function" id="divMetskySearch">
<h3>站内搜索</h3>
<center>
AD代码部分
</center>
</div>
如果<center>标签内部使用到UL或LI标签,可能需要配合修改divMetskySearch的CSS样式表,所以就给定义了ID。
