設定についての最近のブログ記事
Google AJAX APIでAPIkeyを取得します。
このツールを置くホームページのURLを入力して、チェックを入れて下にある「Generate API Key」というボタンを押すと「Your key is:・・・」という項目の下にあなたのホームページのAPIkeyが表示されます。
それを「index.html」を開いて
<script type="text/javascript" src="http://www.google.com/jsapikey=★"</script>
★マークにAPIkeyをいれてください。
APIKeyを取得しました。
これから取得したいフィードのURLをしていきます。
メモ帳で「index.html」を開くと
<div id="feedArea">の中に<div class="feedurl">
というタグがあります。フィードを挿入する場所は、class="feedurl"という
クラスタグを<div>に入れます。そうすることで、自動的にフィードを取得してきてくれます。
注意：ここでfilckerのRSSを取得する際、
http://api.flickr.com/services/feeds/photos_public.gne?id=番号を挿入@N00&format=rss_200
上記のようなURLでない場合は、filckerユーザのid番号を「番号を挿入」の場所に入れてください。
fotologueについては、RSSをそのまま使えます。
カテゴリーを最大4つまで分けることができます。
"<div id="feedArea>と<div class="feedurl">に番号をつけることによってカテゴリー分けします。例えば、下記のように記述します。
<div id="feedArea">
<div class="feedurl">フィードするURLを入れる</div>
</div>
また、ナビゲーションに名前もつけることができます。
<div id="navigation">
<ul>
<li><a href="#feedArea" class="feedArea">カテゴリー1</a></li>
<li><a href="#feedArea2" class="feedArea2">カテゴリー2</a></li>
<li><a href="#feedArea3" class="feedArea3">カテゴリー3</a></li>
<li><a href="#feedArea4" class="feedArea4">カテゴリー4</a></li>
<li><a href="#header" class="feedArea5">すべて表示する</a></li>
</ul>
div#navigationのclass名とフィードのid名を同一にすることで切り替えができます。
