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

関連記事

【CSS】beforeのcontentで改行する

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

記事を読む

相互RSSサービスのまとめ

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

記事を読む

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

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

記事を読む

【PHP】Twitterのツイート数やはてぶ数を取得する

指定URLのTweet数の取得 Twitterでツイート数を取得するには指定のURLにアクセスする

記事を読む

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

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

記事を読む

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

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

記事を読む

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

Twitterボタンをブログやサイトに設置するとき読み込みに時間がかかってしまって困るといったことや

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

【DeepLearning】物体検出手法のSSD(Keras版)を試す (Ubuntu14.04)

はやりのディープラーニングの物体検出手法の一つであるSSDのサンプルを

【Laravel5】既存のDBからデータを取得して表示する

はじめに 今まで作ったWebサイトをLaravel5で見れるようにし

【C++/OpenCV】cv::Matの画像にインパルスノイズを付加する

OpenCVで画像にノイズを付け足したいと思って調べたところ、Pyth

Intel Corei7-7700TでHTC Viveの動作確認

はじめに HTC ViveというVRヘッドセットで遊んでみたのでその

【Python】フォルダ内のカッコ付き数字ファイルを一括でリネームするスクリプト

はじめに タイトルどおりなのですが、指定フォルダ内のファイルのファイ

OpenCV3.1のTracking APIでトラッキングを試す

はじめに 先日OpenCV3.1をopencv_contrib付きで

パソコンを複数台使う際便利なツール

はじめに 先日、機械学習用にGPUを積んだBTOパソコンを購入しまし

→もっと見る

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