ニコニコ動画やYoutubeのRSSフィードもサムネ付きで手軽に表示できるブログパーツ

公開日: : 最終更新日:2014/08/14 RSS, Youtube, サイト制作, ニコニコ動画

スポンサーリンク

通常サイトのRSSだけでなく、ニコニコ動画やYoutubeの動画サイトのRSSを読み込んでサムネ画像付きで簡単に設置できるブログパーツ『FeeDa』を使ってみました。
このRSS表示パーツの最大の特徴はサムネ画像を前面にだしてマウスオーバー時にタイトルなどの情報を出せるという所にあります。もちろんそれだけではなく、画像とタイトルを同時に表示させるということも可能となっており、かなりデザインの幅が広い作りになっています。

ただし、ニコニコ動画のRSS場合は他のRSSと一緒に使用することはできないようです。

【取得仕様】
 ・対応フィード形式
  RSS0.9~2.0
  Atom 0.3/Atom 1.0
  Media RSS 1.1.1
  ニコニコ動画ランキング
 ・画像取得仕様
  全文/本文/添付ファイル形式に対応
  ニコニコ動画の埋め込み形式に対応
  YouTube動画の埋め込み形式に対応

(『FeeDa』より抜粋)

ただ相互RSSパーツとして使う場合、一度設定したRSSデータは(恐らく)クッキーに保存されているのですが、デザインは保存されていないため、新たにサイトを追加する場合は初めから設定しなおす必要が出てくるので注意が必要です。

また、表示される画像ですが、RSSに表示されていなければ表示されないようになっているようですので、もしサムネ画像を表示したい場合は忍者レコメンド等の記事紹介パーツを使うことをおすすめします。


設置例)



↑ニコニコ動画の毎時ランキング。この場合は他のRSSと併用はできない。




↑ニコニコ動画のデイリーランキング。デザインを変更した。




↑Youtubeの今週の話題になっている動画




↑Youtubeの今週話題になっている動画や複数サイトを一緒に設置したもの


ニコニコ動画のRSSは自分で設置してみたいという方はこちらの記事も参考にしてみてください。

EXIT TRANCE PRESENTS ウマウマできるトランスを作ってみた3 サムネで余裕でした

スポンサーリンク
Amazon
  • このエントリーをはてなブックマークに追加

関連記事

さくらサーバーにフォルダをアップロードする方法

さくらサーバーにフォルダをアップロードする…という機能は無いみたいで個別にFTPソフトを使う必要があ

記事を読む

任意URLのTweetボタンを複数設置する

TwitterのTweetボタンをWebサイトやブログに複数設置する方法です。複数設置するということ

記事を読む

【HTML/jQuery UI】NumericUpDownを設置する【Spinner】

HTMLタグにNumericUpDownがないか探したのですがないみたいなのでそれが使えるようなもの

記事を読む

相互RSSサービスのまとめ

ブログやサイトを作ると相互RSSという名前を聞くことがあると思います。相互RSSとはざっくりいうと他

記事を読む

【javascript】RSSを読み込んで表示させる【Google Feed API】

jQueryで簡単にRSSフィードを表示させる方法としてGoogleFeedAPIを利用するというの

記事を読む

【PHP】headerでContent-Typeを指定したのに効かない場合の対処法

PHPでサイトマップを作ろうと思い、XML形式のファイルを出力しようとしてheaderを指定したのに

記事を読む

ニコニコ動画のURLリンクから外部プレイヤーのスクリプトに正規表現で置換する

ニコニコ動画の動画のアドレスを抽出して外部プレイヤー貼りつけソースのスクリプトに変換するソースです。

記事を読む

ブログのコメント欄をTwitterやFacebook、はてなのコメントで代用する方法

最近になってコメント欄にスパムっぽいものが大量に飛んでくるようになったのでどうにかしないと、と思い一

記事を読む

さくらとロリポップのcronについての比較

私は今さくらのレンタルサーバーとロリポップのレンタルサーバーを両方試してみているのですがそのcron

記事を読む

関連記事を表示させるブログパーツOutbrainの導入方法

関連記事を表示させるブログパーツOutbrainの紹介です。 このOutbrainの長所は

記事を読む

Windowsユーザが初めてMacBookを購入したときの注意点や感想

最近12インチのMacBookを購入しました。今までWindowsしか

Redmine3.2をUbuntu14.04にインストールして躓いた所についてメモ

はじめに Ubuntu14.04 ServerにRedmine3.2

UWSCを使ったソフト自動立ち上げ【SoftEther VPN Server】

やりたいこと 最近SoftEtherという筑波大学発のベンチャー企業

【PHP】headerでContent-Typeを指定したのに効かない場合の対処法

PHPでサイトマップを作ろうと思い、XML形式のファイルを出力しようと

スマホ向け幅固定サイトの回転時の幅対応方法

幅固定サイトでのスマホ回転時Webサイトの横幅を合わせる方法のメモ。

【PHP】特定のURLからそのAtomやRSSのフィードを抽出する方法

特定のURLからRSSやATOMのフィードを抽出する方法をメモ。 流

フィード抽出ツール(RSS1.0、RSS2.0、atom)

任意URL サイト名 サイトURL RSS1.0

→もっと見る

  • Author : ががんぼ
    プログラミングやWeb関係で気付いたことについてメモしていく予定。だいたいが備忘録ですが、自分でサンプルを作って動かしてみたりしています。
PAGE TOP ↑