【2017/1/13追記】

GoogleのFEED API公開停止に伴い以下のコードが使用できないようになりました。

jQueryを使用した代替え案もあるのですがクロスドメイン対応のため処理が複雑になり、別途PHPファイルなどを準備しなくてはいけないなど、簡単にg.o.a.tの新着記事を好きな場所に表示させたいという意図とは離れたものになってしまうので公開を停止させていただきます。ご了承のほどよろしくお願いいたします。

【/追記】

g.o.a.tで書いた記事を自分のサイトのサイドバーなどに表示させるスクリプトを書きました。ついでにg.o.a.tのデザインに合わせたCSSも書いたので使いたい方は使って下さい。DEMOページというか自分のg.o.a.tの記事は以下のように表示されます。

g.o.a.tの新着記事一覧

ソースコード

Javascript

以下のコードを必ず改変してから内に貼り付けてください。改変するのは5行目と6行目です。

  • 5行目:自分のブログのURLを貼り付けて下さい。
  • 6行目:g.o.a.tのRSSのURLを貼り付けて下さい。RSSのURLはg.o.a.tの最下部右下にあるRSSのマークにあるリンクです。
  • 7行目(任意):表示させる記事数です。初期設定は10記事にしてあります。変更する場合はこの数字を変更してください。
右下のアイコンがRSSリンクです。リンク先のURLを6行目の例のように貼り付けて下さい。
右下のアイコンがRSSリンクです。リンク先のURLを6行目の例のように貼り付けて下さい。

HTML

新着記事一覧を表示したい場所に以下のHTMLをコピペして貼り付けて下さい。

CSS

g.o.a.tの世界観を変えないようにg.o.a.tのトップページに似たようなCSSも書きましたので以下に置いておきます。使いたい方はCSSに以下のコードを貼り付けて使って下さい。自分はちょっとフォントだけ変えて使ってます。ご自由に改変して使って下さい。


自分のg.o.a.tは以下になります。京都の写真をメインにアップしてるので良かったらのぞいてみて下さい。それでは。

g.o.a.t from Kyoto