Google AJAX Feed APIでブログタイトルの表示方法について

このQ&Aのポイント
  • Google AJAX Feed APIを使って、ブログタイトルを上部のスライドする部分に表示させる方法について教えてください。
  • CSSで表示、非表示を駆使して、RSSサイトを作っていますが、スライド部分にブログタイトル情報が表示されません。
  • 下部一覧部分のブログタイトルをCSSで制御しようとしていますが、全ブログのタイトルが同じCSSが適用されるため、重なってしまいます。ブログタイトルを表示させる方法を教えてください。
回答を見る
  • ベストアンサー

Google AJAX Feed API でブログタイトルを

Google AJAX Feed APIを使って見ているんですが、一つわからないことがあります。上部のスライドする部分の中にブログタイトルを含むことって可能なのでしょうか? CSSで表示、非表示を駆使して、RSSサイトを作っているのですが、 生成されるhtmlのスライド部分自体にブログタイトル情報がきていなくて。 下部一覧部分のブログタイトルをCSSで制御しようとすると、 全ブログのタイトルが同じCSSがあたっているので、 重なったりしてしまい、うまくいきません。 タイトルがないと、複数のブログを扱った時、 どのブログのRSSなのかがわからなくてこまっています。 どなたか、ご教授おねがいします。 http://code.google.com/intl/ja/apis/ajaxfeeds/

質問者が選んだベストアンサー

  • ベストアンサー
  • caraldo_k
  • ベストアンサー率100% (2/2)
回答No.1

以下のリンク先がまさにそれではないでしょうか。 Google AJAX Feed API でタイトルとリンクと日付を表示させてみる http://a-cot.jp/webnote/2008/07/google_ajax_feed_api_1.html

参考URL:
http://a-cot.jp/webnote/2008/07/google_ajax_feed_api_1.html
momo_monom
質問者

お礼

ありがとうございます。 それも便利そうですね。 でも少し、意図が違かったのですが、自己解決しました。 var options = { stacked : false, horizontal : false, title : "" } としたら、各ブログのタイトルが表示されるようになりました。 というかGoogle AJAX Feed APIのウィザードでデフォルトでありました。ちゃんと英語が読めないとだめですね。

関連するQ&A

  • Google AJAX Feed API keyつ

    サイトに、ブログなどのRSSフィードを表示させるときに、 Google AJAX Feed APIのkeyを取得して表示させるのですが、 取得するためのグーグルのページが移動してしまって、 どこにいったのやら全く分かりません。 以前は、以下のアドレスから取得していたのですが。。。 ・http://code.google.com/apis/ajaxfeeds/signup.html どなたかお教え下さい><

  • Google AJAX Feed API でリンクを張るには?

    Google AJAX Feed API でリンクを張るには? Google AJAX Feed API を使ってアメブロの記事一覧をリンク付きでホームページに表示させたいのですが、記事タイトルのみ表示されてリンクが張れませんでした。 entry.titleの部分をentry.linkに変えるとURLが文字情報で表示されてしまいます。 記事タイトルをクリックするとアメブロの記事に飛ぶ様にリンクを張るにはどうすればいいでしょうか? よろしくお願いします。

  • Google AJAX Feed API タブ順番

    「Google AJAX Feed API」を利用して、複数RSSを読み込んでいるのですが、 読み込んだ順番でタブを表示させるにはどうすれば良いでしょうか? 具体的には、下記サイトを参考にしているのですが、読み込む度に、タブの「海外」「経済」表示位置が変わってしまいます。これを、RSSを読み込んだ順番( AryURL : [ に記述した順番)で表示するよう、順番を固定化したいです ▽IW3 PROJECT Google AJAX Feed APIの利用   http://project.iw3.org/feed_API/ex-feed04.html

  • Google Ajax Feed API キャッシュ騙しの方法

    Google Ajax Feed APIでRSSフィードを読み込み表示していますが、更新反映が遅いため(修正・削除したはずのエントリーが、古いままで表示される)、以下の方法を試してみたいと思っています。 http://www.lepracaun.info/blog/2007/06/google_ajax_feed_api_2.html 現在は var feedurl = "http://glftp.main.jp/blg/?feed=rss2&cat=3"; var feed = new google.feeds.Feed(feedurl); となっているのですが、これをそのまま上記ページのように var feedurl = "http://glftp.main.jp/blg/?feed=rss2&cat=3"; var feed = new google.feeds.Feed(feedurl)+"?"+(new Date()).getTime()); としてみても何も表示されません。 完全に手探りなのですが…どこかが間違っているのでしょうか?

  • google ajax feed api

    google ajax feed api を使用してガズーブログのRSSより、他のサイトに新着トピックス表示させ自動更新したいです。 下記の参考サイトのものを利用させていただきカスタマイズしましたが、なぜか日付が表示されません。 参考サイト:http://weboook.blog22.fc2.com/blog-entry-80.html 利用RSS:https://gazoo.com/G-Blog/tam/BlogRss.aspx

  • Google AJAX Feed API についてなんですが、

    Google AJAX Feed API についてなんですが、 あるRSSの情報をタイトルのみ(リンクさせて)を一覧で表示させたいのですが、 初心者なんでどのサイトを見てもどうもうまくいきません。 どなたか分かりやすく教えてくれないでしょうか・・・。 サンプル ホームページA(リンク) ホームページB(リンク) ホームページC(リンク) ホームページD(リンク)     ・・・ みたいなかんじにしたいんです。 jsファイルの使用についてもよく分からないんで、 できるだけhtmlのソースだけを弄ってできるとうれしいです。 どうかお願いいたします。

  • Google AJAX Feed APIについて

    よろしくお願いします。 Google AJAX Feed API で 外部のブログを複数取得しているのですが、 一覧を表示する際に、<div id="feed"></div>と記載するかと思うのですが、 これを2個使って別々の一覧を表示することは可能でしょうか? http://q.hatena.ne.jp/1285618603 こちらのページを参考にしてみたのですが、どうもうまくいきません。 どなたかご存知の方、参考のURLでも結構ですのでよろしくお願いいたします。

  • Google AJAX Feed APIキーの取得

    Google AJAX Feed APIキーの取得方法を教えて下さい。 以前は、 http://code.google.com/intl/ja/apis/loader/signup.html にアクセスして、MY WEB SITE URLにURLを入れれば、「Your Key」として取得できていたと思うんですが、現在上記サイトにアクセスしても、URLを入れる欄がなくなっており、困っています。 どうやってKEYを取得すればいいのでしょうか???

  • Google AJAX Feed APIのRSS出力結果がうまくいかず

    Google AJAX Feed APIのRSS出力結果がうまくいかず困っています。 このように横一列に出力したいのですが、 ブログタイトル(日付)*空白*ブログタイトル(日付) 空白(スペース)の部分にもリンクが作られてしまいます (空白の部分にリンク表示としてアンダーバーが表示される) ソース的には下記になります a.appendChild(document.createTextNode("空白" + entry.title + " (" + date.toLocaleDateString() + ")" + "空白" )); どのようにすれば、空白の部分をリンクさせなくできるのでしょうか? よろしくお願いします

  • Google AJAX Feed APIについて

    ブログのRSSを使って自動的にホームページに新着ブログ記事の日付とタイトルを表示されるようにしたいと思い、Google AJAX Feed APIを使用しました。 下記のソースだとこのように表示されます。 ・タイトル(2009年6月22日) ・タイトル(2009年6月20日) 表示方法をもう少し変えたいんですが、文字サイズと行間の変更はどのようにすれば可能か、ご存知の方は教えて下さい。 1.文字サイズをもう少し小さく(10pxに)したい 2.行間がくっ付いているのでもう少し広くしたい <script type="text/javascript" src="http://www.google.com/jsapi?key=APIキー"></script> <script type="text/javascript"> google.load("feeds", "1"); function initialize() { var feed = new google.feeds.Feed("フィードのアドレス"); feed.setNumEntries(10); feed.load(function(result) { if (!result.error) { var container = document.getElementById("feed"); for (var i = 0; i < result.feed.entries.length; i++) { var entry = result.feed.entries[i]; var div = document.createElement("li"); var a = document.createElement("a"); a.href = entry.link; a.target = "_top" ; var date = new Date(entry.publishedDate); a.appendChild(document.createTextNode(entry.title + " (" + date.toLocaleDateString() + ")" )); div.appendChild(a); container.appendChild(div); } } }); } google.setOnLoadCallback(initialize); </script> <div id="feed"></div>

専門家に質問してみよう