在页面上放置RSS订阅连接的新方法

星期一 , 16, 10月 2006 3 Comments

  今天发现困兽介绍了一种在页面上放置订阅连接的新方法。于是拿来稍微改动了一下,取消了他的图标显示,改成文字链接。而后直接动态显示在栏目里面。我觉得这样更好。具体的样例,请把鼠标移动到右侧的RSS大图标上面去看看就知道了。
  现在一共可以订阅:抓虾、狗狗、Google Reader、My Yahoo! 、Bloglines、NewsGator、My MSN 、My AOL、Rojo、RSS邮天下、windows live、周伯通12种。
  但是页面内部,我还是使用下拉框式样的rss 订阅样式。
  下面是代码:

<!--订阅链接开始-->
<script type="text/javascript">
function showDiv(objectID) {
var theElementStyle = document.getElementById(objectID);
if(theElementStyle.style.display == "block"){
theElementStyle.style.display = "none";
}else{
theElementStyle.style.display = "block";}
}
</script>
<style type="text/css">
#TW-feed, #TW-feed ul {list-style:none; margin:0px; padding:0px}
#TW-feed li ul {display:none;position:absolute;background-color:#ffffff;padding:3px;border:1px solid #cccccc;}
#TW-feed li {font-weight:bold; color:#EC8132;}
#TW-feed ul li {padding-bottom:3px;}
</style>
<div onMouseOver="showDiv('TW-Pop');return false;" onMouseOut="showDiv('TW-Pop');return false;">
<ul id="TW-feed">
<div align="center"><a href="http://feeds.feedburner.com/xmlikk" target="_blank"><img src="http://www.likk.com/blog/image/feeds.png" alt="推荐使用此地址订阅我的 RSS" style="border:0" align="absmiddle"/></a><br />
  <span class="style1">订阅本站</span></div>
<ul id="TW-Pop">
<li><a href="http://www.zhuaxia.com/add_channel.php?url=http%3A//feeds.feedburner.com/xmlikk" target="_blank">订阅到抓虾</a>
</li>
<li><a href="http://www.gougou.com/1RKKCV7E" target="_blank">订阅到狗狗</a>
</li>
<li><a href="http://www.google.com/reader/preview/*/feed/http://feeds.feedburner.com/xmlikk" target="_blank">订阅到Google Reader</a>
</li>
<li><a href="http://add.my.yahoo.com/content?url=http://feeds.feedburner.com/xmlikk" target="_blank">订阅到My Yahoo!</a>
</li>
<li><a href="http://www.bloglines.com/sub/http://feeds.feedburner.com/xmlikk" target="_blank">订阅到Bloglines</a>
</li>
<li><a href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://feeds.feedburner.com/xmlikk" target="_blank">订阅到NewsGator</a> 
</li>
<li><a href="http://my.msn.com/addtomymsn.armx?id=rss&ut=http://feeds.feedburner.com/xmlikk" target="_blank">订阅到My MSN</a>
</li>
<li><a href="http://feeds.my.aol.com/add.jsp?url=http://feeds.feedburner.com/xmlikk" target="_blank">订阅到My AOL</a>
</li>
<li><a href="http://www.rojo.com/add-subscription?resource=http://feeds.feedburner.com/xmlikk" target="_blank">订阅到Rojo</a>
</li>
<li><a href="http://www.emailrss.cn/?rss=http://feeds.feedburner.com/xmlikk" target="_blank">订阅到RSS邮天下</a>
</li>
<li><a href="http://www.live.com/?add=http://feeds.feedburner.com/xmlikk" target="_blank">订阅到windows live</a>
</li>
<li><a href="http://www.potu.com/sub/http://feeds.feedburner.com/xmlikk" target="_blank">订阅到周伯通</a>
</li>
</ul></li></ul></div>
</div>
<!--订阅链接结束-->

3 thoughts on “ : 在页面上放置RSS订阅连接的新方法”
  • 水鸟飞翔说道:

    看到订阅了,如何修改代码用到我自己的博客上呢?

  • 成长的时光说道:

    学习了!谷歌发现你的博客的!

  • Please give us your valuable comment

    邮箱地址不会被公开。 必填项已用*标注

    此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据