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

関連記事

41AKRF1UW3L._AA180_

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

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

記事を読む

abataaa1

かわいい女の子のアイコンやアバター画像を作れるサイト

TwitterやFacebookなどでアイコンが欲しくなることってあるかと思います。私も色々検索して

記事を読む

RSS-Icon-Image

相互RSSサービスのまとめ

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

記事を読む

nc23924

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

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

記事を読む

a8selfback1

なるべく安くロリポップを申し込む方法

ロリポップというレンタルサーバーは元々比較的安く、よくキャンペーンなどで割引をやっているので安価にC

記事を読む

unitychan

MMDなどの3Dモデルが閲覧・共有できるニコニ立体が面白い

いよいよニコニ立体のサービスが開始されました。色々な3D作品が既にたくさん投稿されています。

記事を読む

capturefullpageimg1

指定URLのWebサイトの画面全体をキャプチャする方法

Webサイトのスクリーンショットを撮る方法としてはいくつかありますが、各方法ごとに調べたものを紹介し

記事を読む

Youtube-Image

YoutubeのURLリンクを外部プレイヤーのものに正規表現で置換する

Youtubeのアドレスを正規表現を使って抽出して外部プレイヤーのフレームに変換・置換するスクリプト

記事を読む

images

人気記事・ランダム記事等紹介の忍者レコメンドが大幅にパワーアップした件

以前このブログにて忍者レコメンドの紹介記事を書きました。その際にこのブログにも忍者レコメンドを設置し

記事を読む

41e9FqN1XjL._AA180_

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

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

記事を読む

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

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

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

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

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

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

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

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

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

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

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

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

TAKEBE055122558_TP_V
寝る前にスマホを見ると斜視になる可能性とその対策

はじめに  寝る前などスマホを横になりながら見続けると斜視になる可能

→もっと見る

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