ブログ|静的志向

言語言語切替
日本語 English
サイト内検索

札幌在住のTakaによる静的htmlで作成したブログです。

素早く表示されるブログを作ることを目的として書いています。

サイトにアメブロの最新記事を埋め込むときは無料のFreeWindを使おう

サイト制作はHtmlの得意な人や他社に任せ、ブログの更新は自分たちで。そしてブログの最新記事をサイトに埋め込みたい!

こんな時にはFreeWindというサービスを使えば解決できます。

FreeWindに無料登録

FreeWind

FreeWindは「こちら」から。

まずはFreeWindにアクセスしてSign Upしましょう。

Create account

↑Emaiアドレスとパスワードを入力してCreate accountをクリックします。

返信メール

↑すると返信メールが届きます。これでアカウント作成は完了です。よくある「ここをクリックしてアカウント作成を完了させてください」という作業はありません。

最新記事を表示させるウィジェットを作ろう

FreeWindにアクセスします。

type new url

↑最新記事を表示させたいブログのRSSを入力します。

rss

↑RSSのURLは

  1. ソースコードを開く
  2. キーボードの「Ctrl」と「F」を同時に押してサイト内キーワード検索を表示させる
  3. 検索ワードは「rss」
  4. するとRSSのコードの表示位置がわかります
  5. アメブロの場合は「ttp://rssblog.ameba.jp/ブログごとに異なる/rss20.xml」です。これをコピペしましょう
general style

↑General(一般)設定をします。

  • Width → Responsive
  • Height → 今回は高さを設定しましたが、By th nmber of feed items の方が良いと思います
  • Scroll → OFF
  • Style → Thumbnail
  • Powered by feedwind → 無料会員はOFFにできません

とりあえずこんな設定でスマホにも対応できます。

Feed Title

↑Feed TitleはOnでブログのタイトルを表示します。

Feed Content

Display content は Both でいいと思います。もしくは Title にしましょう。

リード文"だけ"だと無意味な設定になってしまいますので。

Save & Get code

↑設定が完了したら Save & Get code をクリックして、コードを表示させましょう。

Copy Code

↑Copy Code でウィジェットのコードをコピーできます。あとはサイトのウィジェットを埋め込みたい箇所にペーストしましょう。

あとがき

自分独自の「ブログ更新チェックページ」を作ってみると、購読ブログの更新状況が一目でわかります。そのために今回FreeeWindの使い方を覚えました。

↓鋭意制作中↓

ダイエットエラミカ

私自身の実践と経験に基づくリバウンドしないダイエットについて詳しく解説しています。

筋肉量31.4kg

BMI21.9 筋肉型スリム

元の用紙はこちら

↑このように私自身の体組成結果をすべて公開しています。現時点で2年以上のデータ、体脂肪率1桁の結果は21ヶ月連続で達成中です。

詳しくは「ダイエットエラミカ」よりご覧ください。

Sponsor Link

シェアしてくれると嬉しいです