ニコニコ動画や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
  • このエントリーをはてなブックマークに追加

関連記事

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

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

記事を読む

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

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

記事を読む

ニコニコ動画のRSSをjavascriptで読み込んで表示させる

ニコニコ動画のランキングRSSをjQueryで読み込んで表示するプログラムを作成しました。RSSの読

記事を読む

livedoorblogのタグのページが404 Not Found

別のブログとしてライブドアのものを使っているのですが、タグを編集していた際に特定のタグ一

記事を読む

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

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

記事を読む

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

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

記事を読む

関連記事を手軽に表示できるzenbackの導入方法

関連記事を手軽に表示できるZenbackというサービスの紹介です。 関連記事の表示を手助けして

記事を読む

【jQuery/javascript】はてなボタンを動的に設置する

はてなブックマークのボタンをページの読み込みが終わった後にjavascript(jQuery)で追加

記事を読む

PEARをレンタルサーバーにインストールする

共用レンタルサーバーにPEARをインストールしたときにてこずったところについてメモ。今回レンタルサー

記事を読む

【jQuery】サイドバー固定に役立つサイト集

縦スクロール 縦方向にスクロールして指定の位置に来たら要素を固定させる方法のリンク集を紹介させてい

記事を読む

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

格安プラン限定レンタルサーバー機能比較表(2016年)

はじめに  最近新しい共用サーバーをレンタルしようと思い調査およびそ

kindle unlimitedが便利だったのでお勧めの使い方など感想メモ

 kindle unlimitedというサービスが8/3からAmazo

→もっと見る

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