サイトに外部ブログのRSSを表示する方法と、記事タイトルが長すぎる場合に省略表示する方法メモ。
今更ですが、Google Feed APIを利用してRSSを取得・表示する方法と、そのタイトルをCSSで省略表示させる方法を学びましたのでメモメモ。 みんなだいすきGoogle Feed API サイト制作の際、トップページなどに外部ブログのRSSを表示させたいときってありますよね。 私は過去にバンドの公式サイトを制作していた時、メンバーのブログRSSを表示させてくれとよく頼まれたものです。 （その時は無料RSSサービスを使っていました・・・） そんなときに役立つのがGoogle先生による『Google Feed API』。 表示件数や表示させたい内容、それを囲むタグなどわりと自由にカスタマイズできるので多くのWEB屋さんに愛されているようです。 何かいい方法はないか呟いたところ、多くの方からこちらを薦めていただきましたヾ(*´∀｀*)ﾉ ちなみに、以前はAPIキーを取得する必要があったよ
Google AJAX Feed APIのDynamic Feed Controlで複数のRSSを表示
先ほど紹介した「Google AJAX Feed API - Dynamic Feed ControlでRSSを表示」では表示するRSSフィードは１つでしたが、今度は複数のRSSフィードを表示してみます。 基本的な構造は前回と同じで、変更点は赤で表示しています。表示するRSSフィードの数は自由に変更できます。 <script src="http://www.google.com/jsapi/?key=取得したAPI key" type="text/javascript"></script> <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script> <style type="text/css"> @import u
Google AJAX Feed API - Dynamic Feed ControlでRSSを表示
Google AJAX Feed APIで紹介されているDynamic Feed Controlを使ってRSSフィードを表示してみます。以前「Google AJAX Feed APIでフィードをダイナミックに表示」で紹介したもと仕組みは同じです。 まずはAPI keyを取得しましょう。 ⇒ Sign up for the Google AJAX Feed API <script src="http://www.google.com/jsapi/?key=取得したAPI key" type="text/javascript"></script> <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script> <style
FeedWind | RSS Feed, Facebook Page, Twitter, Google Calendar, Instagram Widget
Select content typeChoose from one of four content types. RSS, Facebook, Instagram, Google Calendar, YouTube or X with unique features for each of them. Enter your feed sourcesAdd your feed sources URLs or Calendar ID. Multiple feeds can be added together in a single widget in paid plans. Customize designUse our easy interface to choose design and feature options. Customize your widget to match yo
FeedBurnerを利用したままYahoo!ブログ検索にインデックスさせる方法
GoogleのサービスFeedBurnerはYahoo!ブログ検索と相性が悪いことが一部で有名です。Yahoo!ブログ検索は「BlogとRSSフィードのドメインが違うと検索エンジンクローラの巡回対象にならない(ことがある)」という制限(仕様)が存在するからです。FeedBurnerは「feedburner.jp」や「feedburner.com」のドメインを使用することになるので、多くの場合この条件に引っかかってしまいます。 Yahoo!ブログ検索対策【最終報告】 - FeedBurner Information FeedburnerがYahoo!ブログ検索にインデックスされない件[to-R] この問題をそのまま回避する方法としては、FeedBurnerのサービス(設定)の一つである「マイ・ブランド」でフィードドメインそのものを変更するという手があります。 Travellers Tales
【シムエントリ】記事同士でブログをむすぶブログパーツ
本サービスは2011/08/31を持って終了しました ブログパーツをつけていらっしゃる方は、取り外しをお願いします。また、新規受付は2011/07/18を持って終了しました。 以下の情報は、アーカイブとして残すようにします。 シムエントリとは？ 書いた記事(エントリ)に近い別の記事を自動的に探し出し、ブログ上にリストアップするブログパーツ。それが『シムエントリ』です。 たとえば… ■「自分が書いた事はほかの人はどう書いたのだろう？」 ■「自分のブログを同じ興味を持った人にもっと読んでもらいたい！」 という想いにお応えします！ 表示のイメージはこんな感じです。 →開発者のブログで実際の動作をご覧いただけます: 『こえむの編集後記』(記事毎) 『こえむの編集後記＠鹿児島』(メニューバー) ※さらに詳しい説明は、ブログ『こえむの編集後記 - ブログを記事で結ぶブログパーツ『シムエントリ』をリリー
livedoor Reader
livedoor Readerサービス終了のお知らせ 2014年12月をもちまして、LINE株式会社が提供するlivedoor Readerの運営を終了しております。 長きに渡りご愛顧をいただきまして、誠にありがとうございました。 livedoorホームへ戻る
購読解除される34の理由
今日はなんか小ネタが続いてしまいましたが、この際ついでに。Problogger で「ブログが購読解除されてしまう34の理由」というエントリがありました。要は「ブログべからず集」といったところなので、自分用にメモ： ■ 34 Reasons Why Readers Unsubscribe from Your Blog (Problogger) 「どうして（いったん登録した）RSSフィードを登録解除するの？」というエントリに寄せられた109のコメント（現在はそれ以上のコメントが付いています）を解析したもの。このポイントは「いったん興味を持ってくれた人がなぜ離れていくのか」というところですよね。109じゃ母数が少ないだろ、というツッコミはさておき、さっそく結果はというと： エントリが多すぎる（エントリ数が常識はずれ） … 37票 エントリが少なすぎる（死んだも同然） … 29票 全文フィードでは
Feed2JS
Embed RSS Feeds in 3 Simple Steps Build the feed, Generate the code, and Style the results. Get Started About Feed2JS This PHP script will take an RSS feed as a value of src="...." and return a JavaScript file that can be linked remotely from any other web page. Output includes site title, link, and description as well as item site, link, and description with these outouts contolled by extra param
seo-engineer.info - seo engineer リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
seo-engineer.info - seo engineer リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
suVeneのあれ: FeedBurnerのフィードフレアに、「livedoorクリップへ追加」を表示しようか
2006年09月12日 FeedBurnerのフィードフレアに、「livedoorクリップへ追加」を表示しようか FeedBurnerというサービスは知っているだろうか。 ブログではデフォルトで RSSフィードが配信されているモノがほとんどだが、その RSSフィードとアグリゲータの間を中継し、いくつかの機能を提供してくれるサービスの事である。 (「Feed ⇒ ユーザ」を「Feed ⇒ FeedBurner ⇒ ユーザ」 とする事で講読状況や、見せ方の調整などを行う) その中で、「フィードフレア」という機能があるんだが、文章で説明するよりイメージを見てもらったほうが早い。 ※ プライバシー保護の為一部モザイク処理しています。 このように、RSSリーダに直接 リンクやテキストやイメージを貼り付ける機能なのだ。 しかし、デフォルトで用意されているの SBM へのショートカットは、はてブ と d
小粋空間: RSS Feed（フィード）を表示する
RSS Feed（フィード）をブログのサイドバー等に表示するテクニックです。方法は色々あるみたいですが、ここでは「Feed2JS」を利用した方法を紹介します。 Feed2JS はフリーのツールです。RSS フィードを HTML として表示させる仕組みは、まずこの Feed2JS に対し、ブログに表示したい RSS フィードのURLを入力して、それに対応する JavaScript を生成します。そしてこの JavaScript をブログに貼り付けまておきます。あとはページを表示することで、JavaScript から Feed2JS のPHPを起動し、さらにPHPのプログラムから RSS フィードを取得し、HTML に変換して表示する、という訳です。 異なるドメインのRSSも利用することができ、表示方法もきめ細かい設定が可能で、単純なテキストとして取得することも可能です。 Feed2JS はサ
RSS FeedをJavascriptでウェブページに表示
RSS FeedをJavascriptでウェブページに表示 (ベータ版) 設定する 以下の設定に従って、表示させたい情報と表示方法を選択してください。 「プレビュー」ボタンを押すと、表示内容と表示方法を確認できます。 問題なく表示されたら、「コードを取得」ボタンを押してください。 そうすると、Javascriptのコードが表示されます。 あとはそれを表示させたい場所へコピペしてください。 レイアウトはCSSで行います。標準では、このCSS を使っています。 URL RSS FeedのURLを入力してください。 文字コード スクリプトを表示するページの文字コードを入力してください。(UTF-8, EUC-JP, Shift_JIS) 参考) このページは、UTF-8で書かれています。 他の文字コードでプレビューを確認する場合はこちら。 EUC-JP / Shift_JIS UTF-8 EUC
小粋空間: RSS フィードをブログに表示する（サービス利用編）
昨日紹介した「RSS Feed（フィード）を表示する」はツールをインストールする必要がありましたが、今回は、ツールをインストールできない方のために、サービスとして提供されている Feed2JS を利用して、RSSフィードをブログのサイドバー等に簡単に表示する方法を紹介します（手抜きとかいわない）。 Feed2JS はフリーのサービスです。RSS フィードを HTML として表示させる仕組みは、まずこの Feed2JS に対し、ブログに表示したい RSS フィードのURLを入力して、それに対応する JavaScript を生成します。そしてこの JavaScript をブログに貼り付けまておきます。あとはページを表示することで、JavaScript から Feed2JS のPHPを起動し、さらにPHPのプログラムから RSS フィードを取得し、HTML に変換して表示する、という訳です。 異
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tadafumisato.com
http://e0166nt.com/blog-entry-399.html
一歩進んだ情報発信に効果的なRSS配信・管理ツール | Webワーカー向け便利サービス