あんこぱんのつぶやき

格安SIMフリースマートフォン、モバイルアプリ、ウェブサービスの情報ブログ

【はてなブログ】サイドバーにFeedlyボタンを設置する方法

 

スポンサーリンク

どうもこんにちは、ブログ住人のあんこぱんです。

ブログやウェブサイトを閲覧するには、直接、サイトにアクセスする方法と、RSSなどのフィードを登録して閲覧する方法があります。

また、最近ではSNSで記事更新を配信している場合もあり、SNSアカウントをフォローするだけで更新順に閲覧ができます。

筆者はブログ閲覧はモバイル用アプリでフィード購読できるFeedlyをメインで利用しています。

そこで今回ははてなブログProの設定の備忘録として、サイドバーにFeedlyボタンを設置する方法をご紹介します。

Feedly

Feedly

RSSなどのフィードを購読するフィードリーダー。

モバイル用アプリも提供しているマルチクライアントで利用できるフィードリーダーです。

Feedlyボタン

Feedlyボタンをクリックするだけで、ウェブサイトのフィードをfeedlyに登録できるボタン。

FeedlyユーザがフィードURLをコピペして登録する手間を省くことができます。

サイドバーにFeedlyボタンを設置する方法

コードの取得

f:id:ankopan01:20150306122022p:plain

  • ボタンのデザインを選択します。

f:id:ankopan01:20150306122120p:plain

  • 自身のブログのフィードURLを入力します。

f:id:ankopan01:20150306122200p:plain

ちなみに「はてなブログPro」の場合、自身のブログのURLに「/feed」を追加します。

例)あんこの中身
http://www.ankopan.com/

  ↓

http://www.ankopan.com/feed

  • コードが表示されますので、コピーします。

f:id:ankopan01:20150306122309p:plain

サイドバーへの貼り付け

  • 「ダッシュボード>デザイン>レンチマーク>サイドバー」をクリックします。

f:id:ankopan01:20150306122331p:plain

  • 「モジュールを追加」をクリックします。

f:id:ankopan01:20150306122350p:plain

  • 「HTML」をクリックします。

f:id:ankopan01:20150306122406p:plain

  • HTML欄にfreedlyボタンで取得したコードを貼り付け「適用」をクリックします。

f:id:ankopan01:20150306122430p:plain

  • 「変更を保存する」をクリックします。

f:id:ankopan01:20150306122451p:plain

以上で設定は完了です。

まとめ

Googleリーダーがサービス終了してからFeedlyをメインで利用している方が多いです。

Feedlyはモバイル用アプリが利用できるのでiOS、Androidともにスマートフォンで利用できます。

今回紹介した方法でFeedlyボタンを設置できますので、導入を検討している方は参考にしてください。