アメブロの新着記事の一覧を、ホームページに表示できればいいのになと思うことってありませんか?

なんだかんだ言っても、ホームページとは別にアメブロをやっている人は多いんですよね。自社サイトはWordPressやJimdoで作ってあるんだけど、ブログは依然アメブロを使っているという場合。

そこで探してみたら、ありました!FeedWindというWebサイトのサービスを使います。

 

アメブロのRSSを入力

アメブロのRSSのURLは、http://rssblog.ameba.jp/アメーバID/rss.html です。これを、FreeWindのフィードURLの欄に入力します。

アメブロRSSを入力

 

サイズなどの表示を設定

幅・高さ・スクロールバーの有無・表示のスクロール動作の有無・スタイル(テキストのみorサムネイル画像付き)を選択します。

私の場合ですが、サイトバーの幅300pxちょうどに設定すると、なぜかはみ出したり、表示が切れてしまったりしてうまういかなかったので、5pxほど狭くしてみたりしました。

[追記]コードのwidth部分を2箇所、「100%」に書き換えると幅いっぱいに表示されました。ただし右枠線が表示されません。

その他、必要に応じて色なども設定します。

 

「PR:」を除外

[詳細設定]をクリックして、キーワードフィルタで「PR:」を除外するようにします。こうすれば、アメブロRSS特有の広告が表示されることはありません。

キーワードフィルタでアメブロRSSから広告を除外

 

出力されたコードをコピーして貼付

画面右下に表示されているコードをコピーして、WordPressやJimdoなどのWebサイトに貼付けます。Jimdoの場合は、一瞬画面が真っ白になって驚きますが、ブラウザを再読み込みすることで表示されるようになります。

 
「RSS Feed Widget」というリンクが表示されますが、Webサイトにアメブロをどうしても表示させたい場合のもひとつの方法ということで、ご参考下さい。

提供元のリンクを削除しようと思えばできますが、無料で提供してくださっている相手への敬意を込めて、私はあえて表示させたまま。しばらくサイドバーに表示させることにしてみます。