skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

jQueryでRSSの登録をユーザーに促すJavaScript「jQuery Feed Menus」

｜ ｜ ｜ ｜ ｜ ｜ ｜

ブログが普及し、RSSを配信しているサイトは増加の一途をたどっています。
しかし、RSSリーダーに登録いただく方法はあまり上手くないです。
jQuery Feed Menusを利用すると、ユーザーに配慮した形で登録を促すことが出来ます。

使用方法
jQuery Feed Menusからファイル一式をダウンロードします。
<link rel="stylesheet" href="feed_menu.css" type="text/css" media="all" />
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="feed_menu.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var oCustomLinks = [
{title:'RSS Feed',href:"フィードURL" },
{title:'livedoorリーダーに登録する',href:"http://reader.livedoor.com/subscribe/フィードURL" },
{title:'Google Readerに登録する', href:"http://www.google.co.jp/ig/adde?moduleurl=フィードURL" },
{title:'はてなRSSに登録する', href:"http://r.hatena.ne.jp/append/フィードURL" },
{title:'MY Yahoo!に登録する', href:"http://e.my.yahoo.co.jp/config/jp_promo_content?.module=jp_rss&.url=フィードURL" }
];
var fm = new FeedMenu(oCustomLinks);
fm.write('#feed');
});
</script>

上記を記述したら、表示させたい場所に以下を記述します。
RSSを登録する<span id="feed"></span>
jQueryでRSSの登録をユーザーに促すJavaScript「jQuery Feed Menus」サンプル

記事作成：2009年04月09日

前の記事：mootoolsでコードをシンタックスハイライトさせるJavaScript「Lighter.js」
次の記事：マウスホイールで画像を拡大／縮小できるJavaScript「Animated Panel」