you_tomitaの日記

Evernote, Remember The Milk, ライフログ的な事など

Atom follow us in feedly

はてなブログにRSSアイコンを設置する方法

f:id:you_tomita:20130707002935p:plain

このブログにRSSアイコンを設置しようと思ったところ、はてなブログでは標準でRSSアイコンを表示する方法がないようでしたので自分なりに解決してみました。

その方法をまとめておきます。

  1. RSSアイコンをフォトライフにアップする
  2. アップしたRSSアイコンのURLを調べる
  3. RSSアイコンを表示するhtmlコードを追加する

1.RSSアイコンをフォトライフにアップする

設置したいRSSアイコンをブログの「記事を書く」からフォトライフにアップします。

f:id:you_tomita:20130707004232p:plain

僕は下記のサイトのRSSアイコンを使用しました。

Feed Icons - Home of the free Standard RSS Icon

2.アップしたRSSアイコンのURLを調べる

 アップしたRSSアイコンを記事に貼り付けて、「HTML編集」(※)に切り替えます。表示されるHTMLコードの「src="~"」の「~」がアップしたRSSアイコンのURLになります。

※編集モードが「みたままモード」に設定されている必要があります。

f:id:you_tomita:20130707004738p:plain

3.RSSアイコンを表示するhtmlコードを追加する

「デザイン - カスタマイズ - ヘッダ - タイトルの下」などhtmlコードが書けるところにRSSアイコンを表示するhtmlコードを追加します。

<a href="http://はてなブログのアドレス/feed"><img src="RSSアイコンのURL"></a>

これでRSSアイコンが表示されるようになります。

f:id:you_tomita:20130707010131p:plain

まとめ

記事以外で画像を使いたい場合も、少し面倒ですがフォトライフにアップしてURLを調べれば使えるということがわかりました。