在你的网站上展示Rss Feed

2012/08/06 16:47
阅读数 193

如何在自己的网站上展示别的网站的rss feed,如google news。这样就可以在自己的网站上实时显示别的网站的新闻,就像自己的新闻一样。这个想法我好久前就有了,也在好几个月前找到了方法。其实方法很多,有些网站提供feed的烧录,然后以Javascript形式显示出来的,如:feedsky,feedburner等等。也有用Google AJAX Feed API,然后在自己网站上插入其代码显示feed内容的,这个方法需要个API Key。上面两种方法都要经过第三方的服务。

我不想经过第三方,一直在中文网找,可没找到。所以我用了英文找,终于被我找到了,这个网址就是 RSS Display boxes上面全是英文,别慌张,你要做的就几步:

第一、下载rssdisplaybox.zip,然后在那几个example中选一个,如果你想选几个也行,可我这就讲选一个,比如第四个。

第二、(1)看到Customization info(自定义)了没, 如果你没想分离下载的文件,他上面的第一步可以省。在rssbox文件夹中找main.php,修改名为cssdrive的网址成http://www.8suo.com/feed,为什么要修改cssdrive呢,因为我们选的是第四个example。

$rsslist=array(
“cssdrive” => “http://www.cssdrive.com/index.php/news/rss_2.0/”,
“bbc” => “http://newsrss.bbc.co.uk/rss/newsonline_uk_edition/front_page/rss.xml”,
“nytimes” => “http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml”,
“dynamicdrive” => “http://www.dynamicdrive.com/export.php?type=new” //no trailing comma after last RSS URL!!
);

(2)新建个文件,命名为index.html 在</head>之前插入:

<link rel=”stylesheet” type=”text/css” href=”rssbox/rssdisplaybox.css” />
<script type=”text/javascript” src=”rssbox/virtualpaginate.js”></script>
<script type=”text/javascript” src=”rssbox/rssdisplaybox.js”>
/***********************************************
* RSS Display Boxes- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>

要显示的部位插入:

<!– rss feed begin–>          
<script type=”text/javascript”>
//MAIN FUNCTION: rssdisplaybox(“rssfeed_id”, “rssbox_id”, “rssbox_class”)
var cssdrive2=new rssdisplaybox(“cssdrive”, “cssnewsbox”, “someclass”)
cssdrive2.set_items_shown(200, 5) //Fetch 200 entries, but display only 5 at a time (pagination links auto created)
cssdrive2.set_template(“default”) //Use “default” template, which outputs title + description + date
</script>

<!–Manual pagination interface for CSS Drive box above–>
<div id=”csspaginatediv” class=”rsspaginate”>
<a href=”#” rel=”previous”>Prev</a> <span class=”flatview”></span> <a href=”#” rel=”next”>Next</a>
</div>

<script type=”text/javascript”>
cssdrive2.setpagination(“manual”, “csspaginatediv”) /
cssdrive2.start() //Required: start script
</script>
<!– rss feed end–>

上面代码200是指一共抓取多少条新闻,5是指每一页展示多少条新闻。

第三、rssbox/rssdisplaybox.css 文件中删掉 width: 250px; 这个是翻页的宽度,因为我们不想宽度这么小。自己在上面的代码外加个table或div,限制它的宽度。demo.htm文件里有(2)的代码。

第四、上传rssbox,simplepie两个文件夹和index.html文件到一个新建的文件夹里比如news. 打开网址http://www.domains.com/news就可以看到效果了。可以看这个网站:加国新闻网

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部