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

関連記事

美人画像を表示してくれるブログパーツまとめ

美人時計など有名なものもありますが、美人画像を表示してくれるブログパーツをまとめました。暦や時刻を表

記事を読む

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

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

記事を読む

人気記事表示ブログパーツの忍者レコメンドを使ってみる

忍者レコメンドとは 今回は忍者レコメンドという人気記事表示のブログパーツを紹介します。忍者レコメン

記事を読む

【TortoiseGit】複数のリポジトリを統合する

やりたいこと 最近WindowsにTortoiseGitを導入してリポジトリを作ったり、履歴をプッ

記事を読む

ニコニコ動画のユーザーおよびマイリストのRSSフィード

ニコニコ動画のユーザーページのRSSフィードおよびマイリストのRSSフィードは次のようになっています

記事を読む

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

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

記事を読む

【CSS】beforeのcontentで改行する

.bsample1:before{ content:"★参考★\A"; } .bsampl

記事を読む

関連記事を表示するブログパーツまとめ

これまでいくつか関連記事を表示させる方法について記事を3つの記事投稿してきましたが、ここで簡単にまと

記事を読む

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

LinkWithinについて ブログに関連記事を表示するパーツ『LinkWithin』を紹介します

記事を読む

ニコニコ動画の検索APIについて調べたのでメモ

ニコニコ動画にはAPIがあり、動画の情報(タイトルとか再生数とか)を取得したり、ランキング情報(RS

記事を読む

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 ↑