(これまでもできなかったわけではないけれど、実用に耐えなかったので。)関連記事と切っても切り離せないのが「タグ」。どっちも新しいものではないのだけれど、あぁそうか、RSS読めばいいだけか。」←これなら見覚えある?あとは各自復習で。本来は解説をコピペすればあっという間にできてしまえる♪のが理想なのでしょうが、遠回りで説明します。カスタマイズ初心者でも、ある程度理解しながら進めていただいたほうが、自分でさらにカスタマイズしやすいので。APIを使用する準備をします。APIキーを取得しましょう。全工程の中で、一番壁となるところ。初心者はなんだか敷居の高さを感じるみたいですね。本当は簡単なんですけど。googleの仕様変更により、googleAPIキー不要になりました。1の手順をとばして「2.基本の表示」に進んでください。登録ページを開いて内容を確認してください。Googleアカウントの作成Googleアカウントをもってない人は作成してください。先ほどの登録ページにリンクがあるはず。GoogleアカウントでG-mailとかGoogleAnalytics(アクセス解析)とか、igoogleとかが使えるようになります。登録ページの入力あとは説明よめばわかるはず。URL」はあなたのブログのTOPページのURLです。利用規約の同意とURLを記入したら「APIキー生成」を押します。Googleアカウントにログイン。この時点でログインしていなければログイン画面がでるのでログインします。生成されたキーと、サンプルが表示されるので、画面ドラッグコピーして、メモ帳かなにかで保存しておいてください。【生成されたキー】は英文字でうにょうにょ長いやつです。補足:ここまで3分とかからないはず。APIのTOPページは以下になります。リファレンスを読んでみてください。APIを使用されてるかたは同じキーですので登録不要のはず。(ってかそういう人には細かい説明はいらんね。)2.基本の表示ここからはテンプレートの中に記述していきます。バックアップを忘れずにぃ。id="feed">Loading...</div><!--/permanent_area-->記事の中に配置するか、コメント欄より下に配置するかはご自由に。一応幅の設定しておきます。数値はそれぞれのテンプレートに適した幅で。type="text/javascript"></script><!--/permanent_area-->YOURKEYとなっているところを、1-5の工程でGETした【生成されたキー】に置き換えて記述します。関連記事を出さないページでは邪魔(重くなる可能性がある)なのでここでも個別記事の時にだけという条件をつけてます。googleの仕様変更により、googleAPIキー不要になりました。?key=の引数は不要になります。以下のソースを記述すると、最新記事の一覧を出すことができます。最新記事なんかいらんわぁって?ちょっと説明の都合ね。関連記事はもうしばしお待ちください。//]]></script><!--/permanent_area-->もうこれでほとんど完了。しつこく個別記事用の変数で囲ってます。以下カスタマイズに関連するところだけ説明。"TOP");addFeed:読み込むRSSのURLと、タブに表示されるタイトルを設定します。読み込みたいRSSが複数ある場合は、このaddFeedを追加するだけ。<%url>はFC2の変数です。feedControl.setNumEntries(5);setNumEntries:表示する数を指定できます。4ここでは5記事が表示されることになります。大きい数値をいれても見にくくなるだけなのでほどほどに。あと、FC2ブログで配信されているRSSの記事数より多く設定しても無駄です。[管理ページの環境設定(または各種設定)>ブログの設定で記事の設定-RSSの設定]で確認・登録できます。追編)RSSのブログ側の件数設定でちょっと半分勘違い:各RSSの件数は上記の箇所にある「記事の設定」の件数が基本になります。公式マニュアルでご確認ください。ブログのRSS>配信するRSSの設定ブログ側の件数設定・および記事投稿がRSSに反映されるのには時差があります。feedControl.setLinkTarget(google.feeds.LINK_TARGET_SELF);setLinkTarget:リンクのターゲットを指定できます。用はtarget="ここ"の指定。新しいウィンドウで開きます。現在のウィンドウで開きます。上のフレームで開きます。上のフレームで開くか、または現在のフレームを置き換えます。google.feeds.FeedControl.DRAW_MODE_TABED});draw:feedControlが読み込を実行するメソッドです。"feed"は2-1で設定した表示領域のIDです。drawModeで、リストで表示するかタブ形式で表示するかを指定できます。今回はタブで表示になりますのでサンプルどおりで。:google.feeds.FeedControl.DRAW_MODE_LINEAR補足:これらを一箇所に記載できる場合は、最初と最後にいれてくださいね。(つど<!--permanent_area-->~<!--/permanent_area-->を書かなくてよいです。説明の都合後回しになりましたが、ここは簡単。変数タグの使い方は常套内容です。"<%topentry_tag_list_name>");<!--/tag_list--><!--/topentry-->記事に設定されたタグの数だけaddFeedしてやればいいだけ。これを[2-3.1]のどこに足せばいいか、もうわかるよね?お疲れ様です。できあがり~♪ここまでを実行したら、ん???最初のサンプルと全然ちがうやないか~い。なんか余分な内容がいっぱい出てますケド。微調整が残っております。ヒントは「スタイル設定。余分なものは見えなくすればいい」です。こことにらめっこしてみて。ドキュメント(CSS構造)・AJAXTOWERその他参考:というよりアイデアネタ元です。→なんか続きがみられるそうなんですが、探せない(T-T)追記:見れました。直々にありがとございます。人間のフィルター能力ってすんげぇなぁ、と、自分の目の節穴は棚において感心してみる。Opera9.5このページは呼び出し専用ぺージです。ブックマークはブログ本体にどうぞ。1の1http://cat2neko2cafe2.blog102.fc2.com/blog-entry-104.htmlLoading...(Javascript)Javascriptが有効ではありません。(Nyannyさんのブログ参照。F315BKカプセルコーヒー。洗物がほとんど出ないうえ、サイドのミルクはケースごと外して冷蔵庫にいれられるところは感動しました。C05MFインテリアにもいいですなぁ。カフェオレボウルペアセット(ミラージュ)シンプルで内側のラインのアクセントがちょうどいいです。1000こういうデザインも好きだぁ。