1分でわかるブログにFeedlyボタンを設置する方法と注意点

1分でわかるブログにFeedlyボタンを設置する方法と注意点

公式サイトでコード生成

Feedlyの公式サイトには簡単にボタンを設置するためのコードを生成するページが用意されている。

URLはこちら
http://feedly.com/factory.html

使い方は小学生でも使えてしまうくらい簡単だ。

1. まず用意されているボタンの中から好きなものをクリックして選ぶ
1. まず用意されているボタンの中から好きなものをクリックして選ぶ。

2. RSSフィードのURLを入力する
RSSフィードのURLを入力する

※自分のブログのRSSフィードのURLが不明であれば下記のサイトで自分のブログのトップページのURLを入力すればRSSフィードのURLを取得できます。

RSSフィード取得・検出ツール - RSSリスティング
RSSフィード取得・検出ツール - RSSリスティング

3. ボタンを設置するためのHTMLコードが表示されるのでコードをコピーしてブログのHTML内に貼り付ける
3. ボタンを設置するためのHTMLコードが表示されるのでコードをコピーしてブログのHTML内に貼り付ける。

以上の手順でこのようにボタンが表示されるようになる。
follow us in feedly

設置の際の注意点

ボタンの画像はimgタグのsrcを変更すれば自分の好きなものに自由に変更可能だ。

ただし、Feedlyのサーバーから読み込んだほうが将来的にFeedlyのロゴのデザインなどに変更があっても自動的に変更されるため特に理由がなければFeedly側が用意している画像を使用したほうが良い。

RSSフィードのURLにも注意

当然だがRSSフィードのURLが間違っている場合はボタンが正しく動作しないため注意が必要だ。

例えばこちらのボタンはRSSフィードのURLが間違っているためFeedlyボタンが正しく動作しない。
※URLをiwb.jp/feed/ではなくiwb.jx/feed/にしてあります。follow us in feedly

カテゴリーrss